在css中設(shè)置邊框可以用border屬性、border-style屬性、border-width屬性、border-color屬性等。邊框?qū)傩栽试S我們指定一個元素邊框的樣式和顏色。
本文操作環(huán)境:windows10系統(tǒng)、css 3、thinkpad t480電腦。
邊框?qū)傩院喗椋?/p>
CSS邊框?qū)傩栽试S你指定一個元素邊框的樣式和顏色。
常用屬性:
-
border 簡寫屬性,用于把針對四個邊的屬性設(shè)置在一個聲明。
-
border-style 用于設(shè)置元素所有邊框的樣式,或者單獨地為各邊設(shè)置邊框樣式。
-
border-width 簡寫屬性,用于為元素的所有邊框設(shè)置寬度,或者單獨地為各邊邊框設(shè)置寬度。
-
border-color 簡寫屬性,設(shè)置元素的所有邊框中可見部分的顏色,或為 4 個邊分別設(shè)置顏色。
舉例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)</title> <style> p.one { border-style:solid; border-width:5px; } p.two { border-style:solid; border-width:medium; } p.three { border-style:solid; border-width:1px; } </style> </head> <body> <p class="one">一些文本。</p> <p class="two">一些文本。</p> <p class="three">一些文本。</p> </body> </html>
運行結(jié)果:
推薦學習:CSS教程