加入收藏 设为首页 联系站长
WEB2.0教程 | CSS教程 | HTML教程 | 设计素材 | CSS 模板 | CSS酷站欣赏 | CSS布局实例 | Javascript | 建站代码 | 专业软件 | 常见问题 | 内容搜索
>首页 -> 学习教程 -> CSS教程

TOP

CSS初级教程 边框

[ 录入者:admin | 时间:2008-01-02 01:34:01 | 作者: | 来源: | 浏览:17次 ]

边框可以应用到在主体元素body中的绝大部分HTML元素中。 

创建一个包围着元素的边框,你所需要的是边框样式border-style。它们的值可以是 solid、dotted、dashed、double、groove、ridge、 inset和outset。(你有必要每个值都试一试,看看效果如何——译者注)

边框宽度border-width为边框设置宽度,通常用像素来表示。当然,还可以单独设置四个方向的边框属性,它们是border-top-width、border-right-width、 border-bottom-width和border-left-width。

最后,边框颜色border-color设置颜色。
为下面的CSS文档添加如下代码:

 Example Source Code [www.xxcss.com]
h2 { 
border-style: dashed; 
border-width: 3px; 
border-left-width: 10px; 
border-right-width: 10px; 
border-color: red; 

这将会使所有的HTML二级标题(h2)产生红色的破折号(dashed)边框,上下各3像素宽,左右则各10像素宽(取代了3像素宽的全局设置)。

[上一篇]CSS初级教程 综合应用 [下一篇]CSS初级教程 边界和补白

评论

称  呼:
内  容:

相关栏目

最新文章

热门文章

推荐文章

相关文章

推荐浏览

中国百度网
安徽皖一月嫂家政
犯罪现场