先看一看下面這幅圖片,是有邊框線的圖片。我們看到的邊框非邊框標(biāo)簽所為,而是利用了圖片標(biāo)簽中邊框線屬性的結(jié)果。 
下面的就是含有邊框線屬性的該圖片的圖片標(biāo)簽。 : <img src="http://image109.360doc.com/DownloadImg/2022/08/2408/250820723_1_2022082408104969.jpg" style="border-width: 8px 10px 20px 5px; border-style: solid dotted double dashed; border-color: rgb(255, 0, 255) rgb(0, 255, 0) rgb(255, 0, 0) rgb(0, 255, 255);" width="700" /> 下面,對(duì)邊框線屬性的組成解析。 紅色代碼:border-width: 8px 10px 20px 5px; 依次是上、右、下、左邊框線的厚度。 綠色代碼:border-style: solid dotted double dashed; 依次是上、右、下、左邊框線的樣式。 粉色代碼:border-color: rgb(255, 0, 255) rgb(0, 255, 0) rgb(255, 0, 0) rgb(0, 255, 255); 依次是上、右、下、左邊框線的顏色。 從上面的屬性代碼明顯看出,上、下、左、右邊框線的屬性是單列的,也就是說(shuō),各個(gè)邊框線可以有各自不同的顏色、厚度和樣式。 邊框線樣式有八種,分列如下:
實(shí)線:solid 點(diǎn)虛線:dotted 線虛線:dashed 雙線:double 3D溝槽狀:groove 3D脊?fàn)睿?span style="color: rgb(255, 194, 14); font-family: 仿宋; font-size: 22px;">ridge 3D內(nèi)嵌式:inset 3D外嵌式:outset 雖然,邊框線可以四邊不同色,不同厚度,不同樣式,但在一般情況下,在沒(méi)有特殊要求的情況下,還是相同為好,如果寬窄不統(tǒng)一,樣式不統(tǒng)一,再花里呼哨一點(diǎn),不一定好看吧。另外,朋友們可以探討一下,邊框線的厚度,樣式,顏色因?yàn)閳D片有四條邊,故設(shè)四個(gè)屬性值,要是不這樣呢,只設(shè)置一個(gè),兩個(gè)或三個(gè)呢,會(huì)是什么樣子?朋友們自問(wèn)自答吧!
我們還要明白的是:邊框線不是邊框,它與邊框是兩個(gè)不同的概念。 |
|
|
|
|