JavaScript ferde vonal 3406
Mozillában is működik
1 x 1px méretű 50 darab div szakasz, háttérszín meghatározásával, 45 fokban jelenítünk meg.
<script language="JavaScript" type="text/javascript">
{
document.write('<div style="width:1px; height:1px; background-color: blue;"> </div>');
document.write('<div style="width:1px; height:1px; margin-left:1px; background-color: blue;"> </div>');
document.write('<div style="width:1px; height:1px; margin-left:2px; background-color: blue;"> </div>');
document.write('<div style="width:1px; height:1px; margin-left:3px; background-color: blue;"> </div>');
document.write('<div style="width:1px; height:1px; margin-left:4px; background-color: blue;"> </div>');
document.write('<div style="width:1px; height:1px; margin-left:5px; background-color: blue;"> </div>');
document.write('<div style="width:1px; height:1px; margin-left:6px; background-color: blue;"> </div>');
document.write('<div style="width:1px; height:1px; margin-left:7px; background-color: blue;"> </div>');
document.write('<div style="width:1px; height:1px; margin-left:8px; background-color: blue;"> </div>');
document.write('<div style="width:1px; height:1px; margin-left:9px; background-color: blue;"> </div>');
document.write('<div style="width:1px; height:1px; margin-left:10px; background-color: blue;"> </div>');
document.write('<div style="width:1px; height:1px; margin-left:11px; background-color: blue;"> </div>');
document.write('<div style="width:1px; height:1px; margin-left:12px; background-color: blue;"> </div>');
document.write('<div style="width:1px; height:1px; margin-left:13px; background-color: blue;"> </div>');
document.write('<div style="width:1px; height:1px; margin-left:14px; background-color: blue;"> </div>');
document.write('<div style="width:1px; height:1px; margin-left:15px; background-color: blue;"> </div>');
document.write('<div style="width:1px; height:1px; margin-left:16px; background-color: blue;"> </div>');
document.write('<div style="width:1px; height:1px; margin-left:17px; background-color: blue;"> </div>');
document.write('<div style="width:1px; height:1px; margin-left:18px; background-color: blue;"> </div>');
document.write('<div style="width:1px; height:1px; margin-left:19px; background-color: blue;"> </div>');
document.write('<div style="width:1px; height:1px; margin-left:20px; background-color: blue;"> </div>');
document.write('<div style="width:1px; height:1px; margin-left:21px; background-color: blue;"> </div>');
document.write('<div style="width:1px; height:1px; margin-left:22px; background-color: blue;"> </div>');
document.write('<div style="width:1px; height:1px; margin-left:23px; background-color: blue;"> </div>');
document.write('<div style="width:1px; height:1px; margin-left:24px; background-color: blue;"> </div>');
document.write('<div style="width:1px; height:1px; margin-left:25px; background-color: blue;"> </div>');
document.write('<div style="width:1px; height:1px; margin-left:26px; background-color: blue;"> </div>');
document.write('<div style="width:1px; height:1px; margin-left:27px; background-color: blue;"> </div>');
document.write('<div style="width:1px; height:1px; margin-left:28px; background-color: blue;"> </div>');
document.write('<div style="width:1px; height:1px; margin-left:29px; background-color: blue;"> </div>');
document.write('<div style="width:1px; height:1px; margin-left:30px; background-color: blue;"> </div>');
document.write('<div style="width:1px; height:1px; margin-left:31px; background-color: blue;"> </div>');
document.write('<div style="width:1px; height:1px; margin-left:32px; background-color: blue;"> </div>');
document.write('<div style="width:1px; height:1px; margin-left:33px; background-color: blue;"> </div>');
document.write('<div style="width:1px; height:1px; margin-left:34px; background-color: blue;"> </div>');
document.write('<div style="width:1px; height:1px; margin-left:35px; background-color: blue;"> </div>');
document.write('<div style="width:1px; height:1px; margin-left:36px; background-color: blue;"> </div>');
document.write('<div style="width:1px; height:1px; margin-left:37px; background-color: blue;"> </div>');
document.write('<div style="width:1px; height:1px; margin-left:38px; background-color: blue;"> </div>');
document.write('<div style="width:1px; height:1px; margin-left:39px; background-color: blue;"> </div>');
document.write('<div style="width:1px; height:1px; margin-left:40px; background-color: blue;"> </div>');
document.write('<div style="width:1px; height:1px; margin-left:41px; background-color: blue;"> </div>');
document.write('<div style="width:1px; height:1px; margin-left:42px; background-color: blue;"> </div>');
document.write('<div style="width:1px; height:1px; margin-left:43px; background-color: blue;"> </div>');
document.write('<div style="width:1px; height:1px; margin-left:44px; background-color: blue;"> </div>');
document.write('<div style="width:1px; height:1px; margin-left:45px; background-color: blue;"> </div>');
document.write('<div style="width:1px; height:1px; margin-left:46px; background-color: blue;"> </div>');
document.write('<div style="width:1px; height:1px; margin-left:47px; background-color: blue;"> </div>');
document.write('<div style="width:1px; height:1px; margin-left:48px; background-color: blue;"> </div>');
document.write('<div style="width:1px; height:1px; margin-left:49px; background-color: blue;"> </div>');
document.write('<div style="width:1px; height:1px; margin-left:50px; background-color: blue;"> </div>');
}
</script>
Megjelenése: