CSS2.0教程

CSS教程 6、CSS的Border边框 [翻译Htmldog]

Author:52css Data:2007-03-06

字体大小: 小 中 大       [RSS]订阅 | 上一篇 | 下一篇
　　
CSS Borders 边框

　　边框可以运用到body里的大部分HTML元素。 
　　制作一个元素的边框，你需要border-style边框样式。值可以是： solid, dotted, dashed, double, groove, ridge, inset and outset，具体样式大家可以实际下。
　　border-width设定宽度，通常使用pixels即单位是px，同样有四边属性：border-top-width, border-right-width, border-bottom-width and border-left-width。
　　border-color设定边框颜色。
　　例子

div css xhtml xml Example Source Code Example Source Code [www.52css.com]
h2 {
    border-style: dashed;
    border-width: 3px;
    border-left-width: 10px;
    border-right-width: 10px;
    border-color: red;
}

　　设定红色样式为dashed的边框，上下边框宽度为3px，而左右为10px（后面的属性覆盖了前面）。

CSS盒模型 Box Model

　　请参考这里：http://www.52css.com/article.asp?id=286
　　
Article Provenance: w3cpro
Article Tags: css教程 border 边框
评论: 1 | 查看次数: 17642     
  • 1
iamzcj [2008-09-29 05:22 PM]
border-style: dashed;

IE 和 firefox 中结果不同
  • 1
发表评论
你没有权限发表留言！