css中怎么设置边框大小和颜色

小编给大家分享一下css中怎么设置边框大小和颜色,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!

css中设置边框大小和颜色的方法:1,利用边框宽度属性设置元素的边框大小,语法”边框宽度:宽度值;”;2,利用边框颜色属性设置边框颜色,语法”边框颜色:颜色值;”。

本教程操作环境:windows7多系统,CSS3&, HTML5版,戴尔G3电脑。

所有HTML元素可以看作盒子,在css中,“model"盒;这一术语是用来设计和布局时使用。

css盒模型本质上是一个盒子,封装周围的HTML元素,它包括:边距,边框,填充,和实际内容。

盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。

<强> css中设置边框大小和颜色

<强> css设置边框大小

在css中,进而利用边框宽度属性设置元素的边框大小。

& lt; ! DOCTYPE  html> 　　& lt; html> 　　& lt; head> 　　& lt; style> 　　div  { 　　高度:50 px; 　　保证金:20 px; 　　} 　　 　　.box1  { 　　边界:1 px  solid 红色; 　　} 　　 　　.box2  { 　　边界:5 px  solid 红色; 　　} 　　& lt;/style> 　　& lt;/head> 　　& lt; body> 　　& lt; div 类=癰ox1"祝辞& lt;/div> 　　& lt; div 类=癰ox2"祝辞& lt;/div> 　　& lt;/body> 　　& lt;/html>

<强> css设置边框样式

在css中,可利用边框颜色属性设置边框颜色。

& lt; ! DOCTYPE  html> 　　& lt; html> 　　& lt; head> 　　& lt; style> 　　div  { 　　高度:50 px; 　　保证金:20 px; 　　边界:2 px  solid 红色; 　　} 　　 　　.box1  { 　　边框颜色:苍白的宝石绿; 　　} 　　 　　.box2  { 　　边框颜色:秋麒麟草属植物; 　　} 　　& lt;/style> 　　& lt;/head> 　　& lt; body> 　　& lt; div 类=癰ox1"祝辞& lt;/div> 　　& lt; div 类=癰ox2"祝辞& lt;/div> 　　& lt;/body> 　　& lt;/html>

以上是“css中怎么设置边框大小和颜色”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!

css中怎么设置边框大小和颜色