9.15 复习一天,html <hr>简介
2011-09-15 21:29
459 查看
一整天的自习课~!
除了看着代码晕,就是困的头晕了。
今天遇到了html排版问题,发现以前的这一部分知识忘的也快差不多了。
时间越来越紧张了。我的lady gaga。要给力啊~!
分割线】
一、基础代码:
1、<HR>
2、<HR
align=center width=300 color=#987cb9 SIZE=1>
align
线条位置(可选left、right、center);width
线条长度;color
颜色;size
厚度
二、特效(效果并不是孤立的,可相互组合)
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="border:1 dashed #987cb9" width="80%" color=#987cb9 SIZE=1>
6、双线:
<HR style="border:3 double #987cb9" width="80%" color=#987cb9 SIZE=3>
7、立体效果:
<HR style="FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#987cb9,direction:145,strength:15)" width="80%" color=#987cb9 SIZE=1>
8、钢针效果:
<HR style="FILTER: progid:DXImageTransform.Microsoft.Glow(color=#987cb9,strength=10)" width="80%" color=#987cb9 SIZE=1>
9.垂直分割线
<table border="1px" cellpadding="0" cellspacing="0" style="height:265px;border-left-style:solid; border-bottom-style:none;border-right-style:none;border-top-style:none">
除了看着代码晕,就是困的头晕了。
今天遇到了html排版问题,发现以前的这一部分知识忘的也快差不多了。
时间越来越紧张了。我的lady gaga。要给力啊~!
分割线】
一、基础代码:
1、<HR>
2、<HR
align=center width=300 color=#987cb9 SIZE=1>
align
线条位置(可选left、right、center);width
线条长度;color
颜色;size
厚度
二、特效(效果并不是孤立的,可相互组合)
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="border:1 dashed #987cb9" width="80%" color=#987cb9 SIZE=1>
6、双线:
<HR style="border:3 double #987cb9" width="80%" color=#987cb9 SIZE=3>
7、立体效果:
<HR style="FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#987cb9,direction:145,strength:15)" width="80%" color=#987cb9 SIZE=1>
8、钢针效果:
<HR style="FILTER: progid:DXImageTransform.Microsoft.Glow(color=#987cb9,strength=10)" width="80%" color=#987cb9 SIZE=1>
9.垂直分割线
<table border="1px" cellpadding="0" cellspacing="0" style="height:265px;border-left-style:solid; border-bottom-style:none;border-right-style:none;border-top-style:none">
相关文章推荐
- HTML <hr>标签简介
- html中<base>标签的使用,和简介
- 【Html基础】之<h1>~<h6> <p> <br> <hr>
- 【Html基础】之<h1>~<h6> <p> <br> <hr>
- HTML 关于<hr>标签,虚线
- HTML 学习笔记(一)<h1>、<hr />、<p>、<ol><li>、<ul><li>、<dl><dt><dd>、 、<a name="abc">、href="#abc"、mailto
- html中 <hr >的几种不同的语句及效果
- html中设置<hr/>的长度和粗细等属性
- HTML <ol>标签简介
- 【Html】认识<hr>标签,添加水平横线
- HTML <span> 标签简介
- HTML <ul> 标签简介
- html中的水平线(<hr />)
- HTML&lt;script&gt;标签
- 让HTML中的文本框<input type="text">中的文字垂直居中
- HTML <script>标签的type类型
- HTML <form> 标签的 enctype 属性
- <html:messages id="">标签 <html:errors/>标签
- 在c#中如何将textbox中的回车符转换为html中的换行符<br>
- html 学习-链接<a>响应(链接…