首頁 > web前端 > 前端問答 > css如何加邊框

css如何加邊框

藏色散人
發布: 2023-01-06 11:13:09
原創
5731 人瀏覽過

在css中可以透過border屬性來設定邊框,該屬性的設定語法如「border: medium double rgb(250, 0, 255)」。

css如何加邊框

本文操作環境: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>
登入後複製

效果圖:

css如何加邊框

#邊框屬性介紹:

border-width屬性:

border-width 簡寫屬性為元素的所有邊框設定寬度,或單獨為各邊邊框設定寬度。

只有當邊框樣式不是 none 時才起作用。如果邊框樣式是 none,邊框寬度實際上會重設為 0。不允許指定負長度值。

border-style屬性:

border-style 屬性用來設定元素所有邊框的樣式,或是單獨設定邊框樣式。

只有當這個值不是 none 時邊框才可能出現。

border-style的值:

css如何加邊框

border-color屬性:

border-color 屬性設定四條邊框的顏色。此屬性可設定 1 到 4 種顏色。

border-color 屬性是一個簡寫屬性,可設定一個元素的所有邊框中可見部分的顏色,或為 4 個邊分別設定不同的顏色。

推薦學習:《css影片教學

以上是css如何加邊框的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
css
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板