您好,登錄后才能下訂單哦!
今天就跟大家聊聊有關(guān)css中使用實(shí)現(xiàn)屬性設(shè)置邊框,可能很多人都不太了解,為了讓大家更加了解,小編給大家總結(jié)了以下內(nèi)容,希望大家根據(jù)這篇文章可以有所收獲。
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è)資訊頻道,感謝大家的支持。
免責(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)容。