在css中,可以利用“border-color”屬性來更改img的邊框顏色,該屬性的作用就是設置元素的邊框顏色,只需要給img元素添加“border-color:顏色值;”樣式即可。
本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
css怎樣更改img的邊框顏色
在css中可以利用border屬性來更改img邊框顏色,下面我們通過示例來看一下具體操作,示例如下:
<html> <style type="text/css"> img{ border-style: solid; border-width: 10px; border-color:red; } </style> <body> <img src="/i/eg_tulip.jpg" alt="上海鮮花港 - 郁金香" /> </body> </html>
輸出結果:
此時img邊框顏色為紅色,下面我們經(jīng)過border屬性,就能夠該表邊框的顏色:
<html> <style type="text/css"> img{ border-style: solid; border-width: 10px; border-color:blue; } </style> <body> <img src="/i/eg_tulip.jpg" alt="上海鮮花港 - 郁金香" /> </body> </html>
輸出結果:
(學習視頻分享:css視頻教程)