白天 |  黑夜

CSS初级教程 边框

船长 发表于 2009-06-23 10:11 | 分类:css | 阅读数:1,077 次

边框可以应用到在主体元素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

h2 { 
border-style: dashed; 
border-width: 3px; 
border-left-width: 10px; 
border-right-width: 10px; 
border-color: red; 

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

本站QQ交流群:16524922,一起交流学习,互帮互助
转载请注明出处:http://www.songlecn.com/2009/06/1150/
我要评论 标签: , ,
上一篇
下一篇
喜欢web集结号的文章,那就通过 RSS Feed 功能订阅阅读吧!

才1个评论

  1. guolin 说:

    css教程:CSS边框border属性的应用

我要评论

* 必填

* 绝不会泄露


Css Tutorials

web集结号致力于

  • Css技巧及模板
  • Javascript技巧及特效
  • JQuery插件及应用
  • 建站图片资源
  • 网络休闲及生活感悟