2016年3月21日 星期一

css-在相片加邊框

網頁樣式表:
.photos img {
    -webkit-border-radius: 8px; //支援Chrome和Safari圓角效果
    -moz-border-radius: 8px; //支援FireFox圓角效果
    border-radius: 8px; //支援IE9圓角效果
    border: 1px solid #CCC; //圓角外線灰色
    padding: 6px; //相片邊框寬度
    background-color: #FFF; //邊框顏色
    margin: 0px; //相片(包括邊框)與外界距離
}
網頁中如div或table使用photos class,在其裡面的圖片都會加上邊框.