CSS是用來(lái)控制網(wǎng)頁(yè)樣式的語(yǔ)言,其中之一的命令便是可以為圖片添加邊框。只需要在樣式表(style sheet)中使用border命令即可實(shí)現(xiàn),如下所示:
上述代碼中,img為標(biāo)識(shí)選擇器,表示的是該條CSS規(guī)則適用于所有的img標(biāo)簽。border命令用于為圖片添加邊框,屬性值包含三項(xiàng):邊框?qū)挾取⑦吙驑邮胶瓦吙蝾伾F渲校?px表示邊框?qū)挾葹?像素,solid則表示邊框樣式為實(shí)線,black則為邊框顏色。
當(dāng)然,也可以為不同的圖片設(shè)置不同的邊框,只需要在標(biāo)識(shí)選擇器中加入相應(yīng)的屬性,如下示例:
上述代碼中,img#pic1表示適用于id為pic1的img標(biāo)簽,邊框?qū)挾葹?像素,樣式為虛線,顏色為紅色;而img.pic2則表示適用于class為pic2的img標(biāo)簽,邊框?qū)挾葹?像素,樣式為雙線,顏色為藍(lán)色。
總之,通過(guò)設(shè)置邊框命令,可以讓圖片在網(wǎng)頁(yè)中顯得更加美觀、有條理,增強(qiáng)了頁(yè)面的視覺(jué)效果。
img{ border: 1px solid black; }
上述代碼中,img為標(biāo)識(shí)選擇器,表示的是該條CSS規(guī)則適用于所有的img標(biāo)簽。border命令用于為圖片添加邊框,屬性值包含三項(xiàng):邊框?qū)挾取⑦吙驑邮胶瓦吙蝾伾F渲校?px表示邊框?qū)挾葹?像素,solid則表示邊框樣式為實(shí)線,black則為邊框顏色。
當(dāng)然,也可以為不同的圖片設(shè)置不同的邊框,只需要在標(biāo)識(shí)選擇器中加入相應(yīng)的屬性,如下示例:
img#pic1{ border: 2px dashed red; } img.pic2{ border: 3px double blue; }
上述代碼中,img#pic1表示適用于id為pic1的img標(biāo)簽,邊框?qū)挾葹?像素,樣式為虛線,顏色為紅色;而img.pic2則表示適用于class為pic2的img標(biāo)簽,邊框?qū)挾葹?像素,樣式為雙線,顏色為藍(lán)色。
總之,通過(guò)設(shè)置邊框命令,可以讓圖片在網(wǎng)頁(yè)中顯得更加美觀、有條理,增強(qiáng)了頁(yè)面的視覺(jué)效果。