css如何設定邊框顏色
- coldplay.xixi原創
- 2021-04-16 15:12:0214369瀏覽
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>效果圖：
以上是css如何設定邊框顏色的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
上一篇：css的font字體顏色如何設定下一篇：css的font字體顏色如何設定