在一个页面里有许多<hr> 就在<style>里改变做样!!
例如
这里CSS指线宽度90% 高度3px 离上下右下左距离 10px 0px 10px 0px
<style>hr{width: 90%;height: 3px;margin: 10 0 10 0;}</style>
在页面有了<HR>就会受到有改变hr{}的影响
HTML要贴:
<HR style="width: 90%;height: 3px;margin: 10 0 10 0;">
<style>
hr {margin:0;HEIGHT: 25;width:100%;border:4px ridge;COLOR:333;}
</style>
<HR>
线条可以改变多种形状
线条样式属性原设值样式是solid
要改成是虚线条是dotted
例子是这样
<HR style="border:1px dotted red;">
看起来点点好像有点大 而且还有原背景的色
这时要多加入一个高度调整他
<HR style="border-top:1px dotted red;HEIGHT:0;">
这样原来背景条色就没了!线条也变细
你使用HEIGHT:1;这样是原预设值
你的线条已被固定了 但你想在排版时!能让线条靠上下左右的距离
利用position:relative;
他是在原地被移动时可用的上 比如说要再往上移 往右移!看下句
<HR style="position:relative;top:-15;right:80; border-top:1px dotted red;HEIGHT:0;">
补充日期: 2005-10-03 23:31:10
一般样式: <HR style="COLOR: red;border-style:dotted; HEIGHT: 8;"> <HR style="COLOR: red;border-style:double; HEIGHT: 20;"> <HR style="COLOR: red;border-style:outset; HEIGHT: 8;"> <HR style="COLOR: red;border-style:inset; HEIGHT: 18;"> <HR style="COLOR: fff;border-left: 1px double red;border-bottom: 1x double red;HEIGHT: 20;"> <HR style="border:8px ridge #FFB600;COLOR:000;HEIGHT: 50;width:100px;top:-25;right:80;position:relative;">
|
线条隐藏: <style>hr{display:none;}</style> <HR> |
改线条色 也可让线更细: <style>hr{border-bottom: 1px solid red;}</style> <HR> |
改线条色 高度是原预设: <style>hr{COLOR: #eee; HEIGHT: 1px;}</style> <HR> | |
补充日期: 2005-10-03 23:33:35
以下是引用片段: <body bgcolor="#000000"> <hr style="width:1;border:1 dashed red;height:199;position:absolute;top:100;left:100;"> <hr style="width:1;border:1 dashed lime;height:199;position:absolute;top:100;left:150;"> <hr style="width:1;border:1 dashed cyan;height:199;position:absolute;top:100;left:200;"> <hr style="width:1;border:1 dashed blue;height:199;position:absolute;top:100;left:250;"> <hr style="width:1;border:1 dashed red;height:199;position:absolute;top:100;left:300;"> <hr style="width:1;border:1 dashed lime;height:199;position:absolute;top:100;left:350;"> <hr style="width:1;border:1 dashed cyan;height:199;position:absolute;top:100;left:400;"> <hr style="width:1;border:1 dashed blue;height:199;position:absolute;top:100;left:450;"> <hr style="width:1;border:1 dashed red;height:199;position:absolute;top:100;left:500;"> <hr style="width:1;border:1 dashed lime;height:199;position:absolute;top:100;left:550;"> <hr style="width:1;border:1 dashed cyan;height:199;position:absolute;top:100;left:600;"> <hr style="width:1;border:1 dashed blue;height:199;position:absolute;top:100;left:650;"> <hr style="width:1;border:1 dashed red;height:199;position:absolute;top:100;left:700;"> <hr style="width:1;border:1 dashed lime;height:199;position:absolute;top:100;left:750;"> <hr style="width:1;border:1 dashed cyan;height:199;position:absolute;top:100;left:800;"> <hr style="width:1;border:1 dashed blue;height:199;position:absolute;top:100;left:850;"> <hr style="width:1;border:1 dashed lime;height:199;position:absolute;top:100;left:900;"> <br><br><br><br><br><br><br><br><br><br><br><br> <hr size="10" color="#000080" style="filter:alpha(opacity=10,finishopacity=100,style=1,startX=0,startY=0,finishX=100,finishY=100)"> <br><br> <hr size="10" color="#ffccff" style="filter:alpha(opacity=10,finishopacity=100,style=1,startX=100,startY=100,finishX=0,finishY=0)"> <br><br> <hr size="10" color="#0000cc" style="filter:alpha(opacity=0,finishopacity=100,style=2)"> <br><br> <hr size="10" color="#cc0000" style="filter:alpha(opacity=0,finishopacity=100,style=3)"> <br><br> <hr size="10" style="filter:progid:DXImageTransform.Microsoft.Gradient(gradientType='1',startColorstr='red',endColorstr='blue')"> <br><br> <hr size="10" style="filter:progid:DXImageTransform.Microsoft.Gradient(gradientType='0',startColorstr='#004040',endColorstr='#C0FFFF')"> <br><br> <hr style="color:ffff00;height:10;border:3 solid #000000"> <br><br> <hr style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType='0',startColorstr='#c0c0ff',endColorstr='#0000FF'); WIDTH: 100%;HEIGHT: 8px"> <br><br> <hr style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType='1',startColorstr='#ff0000',endColorstr='#ffeeee'); WIDTH: 100%;HEIGHT: 8px" > <br><br> <hr style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType='1',startColorstr='#FFFFEE',endColorstr='#EEDD00'); WIDTH: 100%;HEIGHT: 8px"> <br><br> <hr style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType='0',startColorstr='#008800',endColorstr='#ddffdd'); WIDTH: 100%;HEIGHT: 18px"> <br><br> <hr style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType='1',startColorstr='#006600',endColorstr='#88ff88'); WIDTH: 100%;HEIGHT: 18px"> | |
补充日期: 2005-10-04 00:35:49
<body style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType='0',startColorstr='#008800',endColorstr='#ddffdd');"> <body bgcolor="#000000"> <hr style="width:1;border:1 dashed red;height:199;position:absolute;top:100;left:100;"> <hr style="width:1;border:1 dashed lime;height:199;position:absolute;top:100;left:150;"> <hr style="width:1;border:1 dashed cyan;height:199;position:absolute;top:100;left:200;"> <hr style="width:1;border:1 dashed blue;height:199;position:absolute;top:100;left:250;"> <hr style="width:1;border:1 dashed red;height:199;position:absolute;top:100;left:300;"> <hr style="width:1;border:1 dashed lime;height:199;position:absolute;top:100;left:350;"> <hr style="width:1;border:1 dashed cyan;height:199;position:absolute;top:100;left:400;"> <hr style="width:1;border:1 dashed blue;height:199;position:absolute;top:100;left:450;"> <hr style="width:1;border:1 dashed red;height:199;position:absolute;top:100;left:500;"> <hr style="width:1;border:1 dashed lime;height:199;position:absolute;top:100;left:550;"> <hr style="width:1;border:1 dashed cyan;height:199;position:absolute;top:100;left:600;"> <hr style="width:1;border:1 dashed blue;height:199;position:absolute;top:100;left:650;"> <hr style="width:1;border:1 dashed red;height:199;position:absolute;top:100;left:700;"> <hr style="width:1;border:1 dashed lime;height:199;position:absolute;top:100;left:750;"> <hr style="width:1;border:1 dashed cyan;height:199;position:absolute;top:100;left:800;"> <hr style="width:1;border:1 dashed blue;height:199;position:absolute;top:100;left:850;"> <hr style="width:1;border:1 dashed lime;height:199;position:absolute;top:100;left:900;"> <br><br><br><br><br><br><br><br><br><br><br><br> <hr size="10" color="#000080" style="filter:alpha(opacity=10,finishopacity=100,style=1,startX=0,startY=0,finishX=100,finishY=100)"> <br><br> <hr size="10" color="#ffccff" style="filter:alpha(opacity=10,finishopacity=100,style=1,startX=100,startY=100,finishX=0,finishY=0)"> <br><br> <hr size="10" color="#0000cc" style="filter:alpha(opacity=0,finishopacity=100,style=2)"> <br><br> <hr size="10" color="#cc0000" style="filter:alpha(opacity=0,finishopacity=100,style=3)"> <br><br> <hr size="10" style="filter:progid:DXImageTransform.Microsoft.Gradient(gradientType='1',startColorstr='red',endColorstr='blue')"> <br><br> <hr size="10" style="filter:progid:DXImageTransform.Microsoft.Gradient(gradientType='0',startColorstr='#004040',endColorstr='#C0FFFF')"> <br><br> <hr style="color:ffff00;height:10;border:3 solid #000000"> <br><br> <hr style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType='0',startColorstr='#c0c0ff',endColorstr='#0000FF'); WIDTH: 100%;HEIGHT: 8px"> <br><br> <hr style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType='1',startColorstr='#ff0000',endColorstr='#ffeeee'); WIDTH: 100%;HEIGHT: 8px" > <br><br> <hr style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType='1',startColorstr='#FFFFEE',endColorstr='#EEDD00'); WIDTH: 100%;HEIGHT: 8px"> <br><br> <hr style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType='0',startColorstr='#008800',endColorstr='#ddffdd'); WIDTH: 100%;HEIGHT: 18px"> <br><br> <hr style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType='1',startColorstr='#006600',endColorstr='#88ff88'); WIDTH: 100%;HEIGHT: 18px"> | |