当前位置:Gxlcms > JavaScript > css中border是什么意思

css中border是什么意思

时间:2021-07-01 10:21:17 帮助过:170人阅读

css中border是什么意思?有什么用?

border是边框的意思,它是css的一个简写属性,用于在一个声明设置所有的边框属性。可以设置的边框属性有:边框的宽度、边框的样式、边框的颜色。

说明:

可以按顺序设置如下属性:border-width,border-style,border-color。其中

● border-width:指定边框的宽度

● border-style:指定边框的样式

● border-color:指定边框的颜色

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

css border属性的使用示例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<style type="text/css">
p {
  width: 450px;
  margin: 50px 0px;
}
.p1 {
border: medium double rgb(250,0,255)
}
.p2 {
border:2px solid red;
}
.p3 {
border:2px dotted rgb(250,0,255);
}
</style>
</head>
<body>
<p class="p1">Some text</p>
<p class="p2">Some text</p>
<p class="p3">Some text</p>
</body>
</html>

效果图:

以上就是css中border是什么意思的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行