Rumah > Artikel > hujung hadapan web > css如何设置边框颜色
css如何设置边框颜色
- coldplay.xixiasal
- 2021-04-16 15:12:0214369semak imbas
css设置边框颜色的方法是使用【border-color】属性设置四条边框的颜色，【border-color】属性是一个简写属性，可设置一个元素的所有边框中可见部分的颜色，或者为4个边分别设置不同的颜色。
本教程操作环境：windows7系统、css3版，DELL G3电脑。
css设置边框颜色的方法：
css可以使用border-color属性设置四条边框的颜色。border-color属性是一个简写属性，可设置一个元素的所有边框中可见部分的颜色，或者为4个边分别设置不同的颜色。
css设置边框颜色：
<html>
<head>
<style type="text/css">
p.one
{
border-style: solid;
border-color: #0000ff
}
p.two
{
border-style: solid;
border-color: #ff0000 #0000ff
}
p.three
{
border-style: solid;
border-color: #ff0000 #00ff00 #0000ff
}
p.four
{
border-style: solid;
border-color: #ff0000 #00ff00 #0000ff rgb(250,0,255)
}
</style>
</head>
<body>
<p class="one">One-colored border!</p>
<p class="two">Two-colored border!</p>
<p class="three">Three-colored border!</p>
<p class="four">Four-colored border!</p>
<p>
<b>注释：</b>"border-width" 属性如果单独使用的话是不会起作用的。请首先使用 "border-style" 属性来设置边框。
</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的font字体颜色如何设置Artikel seterusnya：css字体大小如何设置