border属性怎么用
程序员文章站
2022-05-28 22:49:24
...
border属性的使用方法：首先创建一个HTML示例文件；然后在body中输入p标签；最后通过给p元素设置“border:2px solid red;”来设置边框样式即可。
本文操作环境：Windows7系统、HTML5&&CSS3版、Dell G3电脑。
border属性是CSS的一个简写属性，是用于设置所有的边框属性。可以设置的边框属性有：边框的宽度、边框的样式、边框的颜色。
CSS border属性
作用：在一个声明设置所有的边框属性。
说明：可以按顺序设置如下属性：border-width，border-style，border-color。如果不设置其中的某个值，也不会出问题，比如 border:solid #ff0000; 也是允许的。
注释：IE7 以及更早版本的浏览器不支持值 "inherit"。IE8 需要 !DOCTYPE。IE9 支持 "inherit"。
CSS border属性的使用示例
<html>
<head>
<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>
效果图：
以上就是本篇文章的全部内容，希望能对大家的学习有所帮助。更多精彩内容大家可以关注相关教程栏目！！！
以上就是border属性怎么用的详细内容，更多请关注其它相关文章！
上一篇： web工程jar包的实例介绍
下一篇： 一文读懂Python的输入和输出