当前位置: 网站建设 > 网页设计 > 建站经验 >

6.css边框

时间:2013-03-02 03:41来源:未知 作者:admin 点击:

标签:6.css边框 边框(13)6.CSS(5)你想(5)雷同(1)宽度(4)利用(28)四周(1)如果(17)
如果你想使边框四周利用雷同的宽度,很 简略,使用border-width标签就可一次完 成,例: 你毋庸给一个要素的每一边都加上边框。 H4 { border-top-width: 2px; border-bottom-width: 5px; border-left-width: 1px; border-right-width: 1px } 本段文字显示上
6.css边框》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302331442013.htm

如果你想使边框四周利用雷同的宽度,很 简略,使用border-width标签就可一次完 成,例:

你毋庸给一个要素的每一边都加上边框。

H4 { border-top-width: 2px; border-bottom-width: 5px; border-left-width: 1px; border-right-width: 1px }

本段文字显示上述代码的执行效果。

注意:Communiactor只支持其中的几种关 键字属性。

本段文字的顶边框宽度参数值为thin。

你可以把持全部边框的宽度,也可以分离 节制每一边的边框宽度:

阅读器将第1种颜色懂得为顶边框的颜色参 数值,第2种颜色为右边框,而后是底边框, 然后是左边框。

如果不使用边框颜色属性,则边框将以要 素本身的颜色显示边框颜色。

你还可以给替换要素加上边框,很好玩, 是吧?

P { border-style: double; border-width: 3px }

P { border-color: green; border-width: 3px }

边框样式

顶边框宽度,底边框宽度,左边框宽度和 右边框宽度

本段文字的顶边框宽度参数值为thick。

solid double dotted dashed groove ridge inset outset

P { border-color: #666699 #FF0033 #000000 #FFFF99; border-width: 3px }

IMG { border-width: 1in }

本段文字显示上述代码的履行后果。

例:

注意: Communicator 不能辨认多颜色, 在Communicator中,你只能使用一种颜色。 (如果你使用多色彩,Communicator很有 可能用蓝色显示整个边框。咱们也对此感 到莫名其妙)



--> [网站建设之]6.css边框

有多少种CSS款式表属性能够将网页因素四周加 上边框。 (留神:IE 3跟IE 4不支撑任何边框属性。)

H4 { border-color: #FF0033; border-width: thick }

假如你想使边框的四边显示不同的色彩, 你可以在设置中分辨列出各种颜色:

你可以应用上述任何一种长度单位设定边 框宽度,也可以使用内置要害字设定宽度:

返回本专题:《CSS层叠样式表教程》的目录

你还可以设定边框线的样式,例:

可以使用的症结字参数值如下:

你可以使用浏览器认可的颜色或者直接使 用RGB参数值,例:

本段文字的顶边框宽度参数值为medium。

边框颜色

Tag:边框   边框  

以下是上述CSS规矩的显示成果:

相关的主题文章:
(责任编辑:网站建设)
6.css边框相关文章
上一篇:6.CSS串接 下一篇:6.第2日的CSS练习
回到顶部