怎么在css中设置div边框

怎么在css中设置div边框?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。

css设置div边框的方法:首先创建一个HTML示例文件,然后定义好div块;最后通过“边框样式”属性设置边框的样式即可。

边境属性是一个简写属性,可以在一个声明设置所有的边框属性。例:边框的宽度,边框的样式,边框的颜色。

可以按顺序设置如下属性:

边框宽度:规定边框的宽度。

边框样式:规定边框的样式。

边框颜色:规定边框的颜色。

如果不设置其中的某个值,也不会出问题,比如边界:固体# ff0000;也是允许的。

浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号。

所有浏览器都支持边境属性。

示例:

& lt; ! DOCTYPE  html> 　　& lt; html> 　　& lt; head> 　　& lt; meta  charset=皍tf-8"祝辞 　　& lt; style> 　　div { 　　保证金:10 px; 　　} 　　div.none  { 　　边界:没有; 　　} 　　div.dotted  { 　　边界:3 px  dotted 粉红色; 　　} 　　div.dashed  { 　　边界:3 px  dashed 苍白的宝石绿; 　　} 　　div.solid  { 　　边界:3 px  solid 秘鲁; 　　} 　　div.double  { 　　边界:3 px  double  # 009999; 　　} 　　div.groove  { 　　边界:3 px  groove  # CCC; 　　} 　　div.ridge  { 　　边界:3 px 脊; 　　} 　　div.inset  { 　　边界:3 px 插图; 　　} 　　div.outset  { 　　边界:3 px 开始; 　　} 　　div.hidden  { 　　边界:隐藏; 　　} 　　& lt;/style> 　　& lt;/head> 　　& lt; body> 　　& lt; div 类=皀one"祝辞无边框。;/div> 　　& lt; div 类=癲otted"祝辞虚线边框。;/div> 　　& lt; div 类=癲ashed"祝辞虚线边框。;/div> 　　& lt; div 类=皊olid"祝辞实线边框。;/div> 　　& lt; div 类=癲ouble"祝辞双边框。;/div> 　　& lt; div 类=癵roove"祝辞凹槽边框。;/div> 　　& lt; div 类=皉idge"祝辞垄状边框。;/div> 　　& lt; div 类=癷nset"祝辞嵌入边框。;/div> 　　& lt; div 类=皁utset"祝辞外凸边框。;/div> 　　& lt; div 类=癶idden"祝辞隐藏边框。;/div> 　　& lt;/body> 　　& lt;/html>

效果图:

看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注行业资讯频道,感谢您对的支持。

怎么在css中设置div边框