hr
来源:互联网 发布:ubuntu互相共享 编辑:程序博客网 时间:2024/06/10 01:31
1、两头渐变透明:
<HR style="FILTER: alpha(opacity=100,finishopacity=0,style=3)" width="80%" color=#987cb9 SIZE=3>
--------------------------------------------------------------------------------
2、纺锤形:
<HR style="FILTER: alpha(opacity=100,finishopacity=0,style=2)" width="80%" color=#987cb9 SIZE=10>
--------------------------------------------------------------------------------
3、右边渐变透明:
<HR style="FILTER: alpha(opacity=100,finishopacity=0,style=1)" width="80%" color=#987cb9 SIZE=3>
--------------------------------------------------------------------------------
4、左边渐变透明:
<HR style="FILTER: alpha(opacity=0,finishopacity=100,style=1)" width="80%" color=#987cb9 SIZE=3>
--------------------------------------------------------------------------------
5、立体效果:
<HR style="FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#987cb9,direction:145,strength:15)" width="80%" color=#987cb9 SIZE=1>
--------------------------------------------------------------------------------
6、钢针效果:
<HR style="FILTER: progid:DXImageTransform.Microsoft.Glow(color=#987cb9,strength=10)" width="80%" color=#987cb9 SIZE=1>
<HR style="COLOR: #ccc;border-style:dotted; HEIGHT: 8;">
<HR style="COLOR: #ccc;border-style:double; HEIGHT: 20;">
<HR style="COLOR: #ccc;border-style:outset; HEIGHT: 8;">
<HR style="COLOR: #ccc;border-style:inset; HEIGHT: 18;">
<HR style="COLOR: #ccc;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;">
在一个页面里有许多<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;">
- HR
- hr
- <hr>
- HTML 标签 <hr> <hr />
- (zhuang)hr
- 各式hr
- hr abap
- HR ABAP
- hr his
- hr abap
- HR helper
- HR绩效考核
- HR常见问题
- hr谈判
- hr 虚线
- hr数据库
- HR代码
- HR 面试
- 开发gtk程序
- GET与POST的区别
- 人生计划
- timer.schedule —— timer定时器的用法
- android 4.4短信接收部分的变化
- hr
- 黑马程序员_集合(3)
- post和get的区别
- android lcd调试 高通平台lcd调试深入分析总结(mipi和rgb接口)
- LeetCode:Maximum Subarray
- VS2008 C# OpenCV “Emgu.CV.CvInvoke”的类型初始值设定项引发异常。
- Eclipse 3.3.2 配置tomcatPlugin、lomboz、phpeclipse、jseclipse插件
- wap 机试(lsp) 问题 暴力法
- UNITY Mac版破解方