怎么在css中設(shè)置div邊框樣式?很多新手對此不是很清楚,為了幫助大家解決這個難題,下面小編將為大家詳細講解,有這方面需求的人可以來學(xué)習(xí)下,希望你能有所收獲。
10年積累的成都網(wǎng)站制作、成都做網(wǎng)站經(jīng)驗,可以快速應(yīng)對客戶對網(wǎng)站的新想法和需求。提供各種問題對應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認識你,你也不認識我。但先網(wǎng)站制作后付款的網(wǎng)站建設(shè)流程,更有海豐免費網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。
css是一種用來表現(xiàn)HTML或XML等文件樣式的計算機語言,主要是用來設(shè)計網(wǎng)頁的樣式,使網(wǎng)頁更加美化。它也是一種定義樣式結(jié)構(gòu)如字體、顏色、位置等的語言,并且css樣式可以直接存儲于HTML網(wǎng)頁或者單獨的樣式單文件中,而樣式規(guī)則的優(yōu)先級由css根據(jù)這個層次結(jié)構(gòu)決定,從而實現(xiàn)級聯(lián)效果,發(fā)展至今,css不僅能裝飾網(wǎng)頁,也可以配合各種腳本對于網(wǎng)頁進行格式化。
css設(shè)置div的邊框樣式
點狀邊框虛線邊框實線邊框雙線邊框3D 凹槽邊框3D 壟狀邊框3D inset 邊框3D outset 邊框
效果圖:
css border-style屬性
border-style屬性用于設(shè)置元素所有邊框的樣式,或者單獨地為各邊設(shè)置邊框樣式。
屬性值:
值 | 描述 |
---|---|
none | 定義無邊框。 |
hidden | 與 "none" 相同。不過應(yīng)用于表時除外,對于表,hidden 用于解決邊框沖突。 |
dotted | 定義點狀邊框。在大多數(shù)瀏覽器中呈現(xiàn)為實線。 |
dashed | 定義虛線。在大多數(shù)瀏覽器中呈現(xiàn)為實線。 |
solid | 定義實線。 |
double | 定義雙線。雙線的寬度等于 border-width 的值。 |
groove | 定義 3D 凹槽邊框。其效果取決于 border-color 的值。 |
ridge | 定義 3D 壟狀邊框。其效果取決于 border-color 的值。 |
inset | 定義 3D inset 邊框。其效果取決于 border-color 的值。 |
outset | 定義 3D outset 邊框。其效果取決于 border-color 的值。 |
inherit | 規(guī)定應(yīng)該從父元素繼承邊框樣式。 |
看完上述內(nèi)容是否對您有幫助呢?如果還想對相關(guān)知識有進一步的了解或閱讀更多相關(guān)文章,請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝您對創(chuàng)新互聯(lián)的支持。