css如何加邊框
- 藏色散人原創
- 2021-05-14 10:13:565710瀏覽
在css中可以透過border屬性來設定邊框，該屬性的設定語法如「border: medium double rgb(250, 0, 255)」。
本文操作環境：Windows7系統、HTML5&&CSS3版、Dell G3電腦。
在CSS中，可以設定border屬性來設定邊框。 border是一個簡寫屬性，可以在一個聲明中設定所有的邊框屬性。可以依照border-width、border-style、border-color順序設置，也可以單獨設定這幾個屬性。
border屬性的屬性值：
border-width： 規定邊框的寬度。
border-style：規定邊框的樣式。
border-color：規定邊框的顏色。
範例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style type="text/css">
p {
border: medium double rgb(250, 0, 255)
}
</style>
</head>
<body>
<p>Some text</p>
</body>
</html>效果圖：
#邊框屬性介紹：
border-width屬性：
border-width 簡寫屬性為元素的所有邊框設定寬度，或單獨為各邊邊框設定寬度。
只有當邊框樣式不是 none 時才起作用。如果邊框樣式是 none，邊框寬度實際上會重設為 0。不允許指定負長度值。
border-style屬性：
border-style 屬性用來設定元素所有邊框的樣式，或是單獨設定邊框樣式。
只有當這個值不是 none 時邊框才可能出現。
border-style的值:
border-color屬性：
border-color 屬性設定四條邊框的顏色。此屬性可設定 1 到 4 種顏色。
border-color 屬性是一個簡寫屬性，可設定一個元素的所有邊框中可見部分的顏色，或為 4 個邊分別設定不同的顏色。
推薦學習：《css影片教學》
以上是css如何加邊框的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
上一篇：html怎麼設定最大寬度下一篇：html怎麼設定最大寬度