溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

css中使用實(shí)現(xiàn)屬性設(shè)置邊框

發(fā)布時(shí)間:2021-04-29 15:34:25 來(lái)源:億速云 閱讀:176 作者:Leah 欄目:web開發(fā)

今天就跟大家聊聊有關(guān)css中使用實(shí)現(xiàn)屬性設(shè)置邊框,可能很多人都不太了解,為了讓大家更加了解,小編給大家總結(jié)了以下內(nèi)容,希望大家根據(jù)這篇文章可以有所收獲。

css的三種引入方式

1.行內(nèi)樣式,最直接最簡(jiǎn)單的一種,直接對(duì)HTML標(biāo)簽使用style=""。2.內(nèi)嵌樣式,就是將CSS代碼寫在之間,并且用

進(jìn)行聲明。3.外部樣式,其中鏈接樣式是使用頻率最高,最實(shí)用的樣式,只需要在之間加上

就可以了。其次就是導(dǎo)入樣式,導(dǎo)入樣式和鏈接樣式比較相似,采用@import樣式導(dǎo)入CSS樣式表,不建議使用。

css 邊框?qū)傩?/strong>

屬性描述CSS
border復(fù)合屬性。設(shè)置對(duì)象邊框的特性。1
border-bottom復(fù)合屬性。設(shè)置對(duì)象底部邊框的特性。1
border-bottom-color設(shè)置或檢索對(duì)象的底部邊框顏色。1
border-bottom-style設(shè)置或檢索對(duì)象的底部邊框樣式。1
border-bottom-width設(shè)置或檢索對(duì)象的底部邊框?qū)挾取?/td>1
border-color置或檢索對(duì)象的邊框顏色。1
border-left復(fù)合屬性。設(shè)置對(duì)象左邊邊框的特性。1
border-left-color設(shè)置或檢索對(duì)象的左邊邊框顏色。1
border-left-style設(shè)置或檢索對(duì)象的左邊邊框樣式。1
border-left-width設(shè)置或檢索對(duì)象的左邊邊框?qū)挾取?/td>1
border-right復(fù)合屬性。設(shè)置對(duì)象右邊邊框的特性。1
border-right-color設(shè)置或檢索對(duì)象的右邊邊框顏色。1
border-right-style設(shè)置或檢索對(duì)象的右邊邊框樣式。1
border-right-width設(shè)置或檢索對(duì)象的右邊邊框?qū)挾取?/td>1
border-style設(shè)置或檢索對(duì)象的邊框樣式。1
border-top復(fù)合屬性。設(shè)置對(duì)象頂部邊框的特性。1
border-top-color設(shè)置或檢索對(duì)象的頂部邊框顏色1
border-top-style設(shè)置或檢索對(duì)象的頂部邊框樣式。1
border-top-width設(shè)置或檢索對(duì)象的頂部邊框?qū)挾取?/td>1
border-width設(shè)置或檢索對(duì)象的邊框?qū)挾取?/td>1
border-bottom-left-radius設(shè)置或檢索對(duì)象的左下角圓角邊框。提供2個(gè)參數(shù),2個(gè)參數(shù)以空格分隔,每個(gè)參數(shù)允許設(shè)置1個(gè)參數(shù)值,第1個(gè)參數(shù)表示水平半徑,第2個(gè)參數(shù)表示垂直半徑,如第2個(gè)參數(shù)省略,則默認(rèn)等于第1個(gè)參數(shù)3
border-bottom-right-radius設(shè)置或檢索對(duì)象的右下角圓角邊框。3
border-image設(shè)置或檢索對(duì)象的邊框樣式使用圖像來(lái)填充。3
border-image-outset規(guī)定邊框圖像超過(guò)邊框的量。3
border-image-repeat規(guī)定圖像邊框是否應(yīng)該被重復(fù)(repeated)、拉伸(stretched)或鋪滿(rounded)。3
border-image-slice規(guī)定圖像邊框的向內(nèi)偏移。3
border-image-source規(guī)定要使用的圖像,代替 border-style 屬性中設(shè)置的邊框樣式。3
border-image-width規(guī)定圖像邊框的寬度。3
border-radius設(shè)置或檢索對(duì)象使用圓角邊框。3
border-top-left-radius定義左上角邊框的形狀。3
border-top-right-radius定義右上角邊框的形狀。3
box-shadow向方框添加一個(gè)或多個(gè)陰影。3

看完上述內(nèi)容,你們對(duì)css中使用實(shí)現(xiàn)屬性設(shè)置邊框有進(jìn)一步的了解嗎?如果還想了解更多知識(shí)或者相關(guān)內(nèi)容,請(qǐng)關(guān)注億速云行業(yè)資訊頻道,感謝大家的支持。

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

css
AI