HTML5圖片的邊框顏色是通過(guò)代碼來(lái)定義的，比較常用的代碼是border-color。

img{
border-color: #0000ff;
}

上面的代碼設(shè)置了圖片的邊框顏色為藍(lán)色（#0000ff是藍(lán)色的十六進(jìn)制代碼）。除了直接指定顏色值，還可以使用CSS預(yù)定義的顏色名稱或RGB（紅綠藍(lán)）值。

img{
border-color: red; /* 設(shè)置邊框顏色為紅色 */
border-color: rgb(255, 255, 0); /* 設(shè)置邊框顏色為黃色 */
}

如果希望設(shè)置不同狀態(tài)下圖片的邊框顏色，可以使用:hover（鼠標(biāo)懸停）和:focus（焦點(diǎn)）偽類。例如：

img:hover{
border-color: #ff0000; /* 鼠標(biāo)懸停時(shí)設(shè)置邊框顏色為紅色 */
}
img:focus{
border-color: #00ff00; /* 獲取焦點(diǎn)時(shí)設(shè)置邊框顏色為綠色 */
}

通過(guò)合適的邊框顏色，可以讓圖片界面更加美觀與友好。