Rumah >hujung hadapan web >tutorial css >border属性怎么用
border属性怎么用
- 青灯夜游asal
- 2019-02-01 13:15:5019904semak imbas
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>效果图：
以上就是本篇文章的全部内容，希望能对大家的学习有所帮助。更多精彩内容大家可以关注php中文网相关教程栏目！！！
Atas ialah kandungan terperinci border属性怎么用. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：opacity属性怎么用Artikel seterusnya：transition-delay属性怎么用