Rumah >hujung hadapan web >tutorial css >边框css四边怎么加
边框css四边怎么加
- 藏色散人asal
- 2021-01-05 10:34:414615semak imbas
css设置边框四边的方法：1、使用border-bottom属性设置下边框；2、使用border-left属性设置左边框；3、使用border-right属性设置右边框；4、使用border-top属性设置上边框。
本教程操作环境：windows7系统、css3版本，Dell G3电脑。
相关推荐：《css视频教程》
边框css四边怎么加？
1、使用border属性，一次性设置四个边框的样式
border：在一个声明中设置所有的边框属性。
可设置的边框属性：
border-width：指定边框宽度
border-style：指定边框样式
border-color：指定边框颜色
示例：设置四个边框样式
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
p
{
border:5px solid red;
}
</style>
</head>
<body>
<p>段落中的一些文本。</p>
</body>
</html>效果图：
2、使用border-bottom、border-left、border-right、border-top分别设置四个边框的样式
border-bottom：在一个声明中设置所有的下边框属性。
border-left：在一个声明中设置所有的左边框属性。
border-right：在一个声明中设置所有的右边框属性。
border-top：在一个声明中设置所有的上边框属性。
示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
p
{
border-bottom:thick dotted #ff0000;
border-left:thick solid #ff0000;
border-top:thick dashed #ff0000;
border-right:thick double #ff0000;
}
</style>
</head>
<body>
<p>段落中的一些文本。</p>
</body>
</html>效果图：
Atas ialah kandungan terperinci 边框css四边怎么加. 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：css a hover 不变色怎么办Artikel seterusnya：css怎么让超链接不可用