站長(zhǎng)資訊網(wǎng)在css中設(shè)置邊框可以用border屬性、border-style屬性、border-width屬性、border-color屬性等。邊框?qū)傩栽试S我們指定一個(gè)元素邊框的樣式和顏色。
本文操作環(huán)境：windows10系統(tǒng)、css 3、thinkpad t480電腦。
邊框?qū)傩院?jiǎn)介：
CSS邊框?qū)傩栽试S你指定一個(gè)元素邊框的樣式和顏色。
常用屬性：
-
border 簡(jiǎn)寫屬性，用于把針對(duì)四個(gè)邊的屬性設(shè)置在一個(gè)聲明。
-
border-style 用于設(shè)置元素所有邊框的樣式，或者單獨(dú)地為各邊設(shè)置邊框樣式。
-
border-width 簡(jiǎn)寫屬性，用于為元素的所有邊框設(shè)置寬度，或者單獨(dú)地為各邊邊框設(shè)置寬度。
-
border-color 簡(jiǎn)寫屬性，設(shè)置元素的所有邊框中可見部分的顏色，或?yàn)?4 個(gè)邊分別設(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>
運(yùn)行結(jié)果：
推薦學(xué)習(xí)：CSS教程
