Html--給圖片設定邊框0.1

shine--AnneWu發表於2018-06-26
HTML

為圖片新增邊框(html5已不支援border屬性）


1、在html文件裡，給相關img標籤一個class（以便使用類選擇器）

        如：<img src="img/my picture" alt="picture1">    

        改寫： <img class=“exam1”src="img/my picture" alt="picture1">

2、使用嵌入樣式的方式設定img的css樣式

        <head>

        ...

         <style>

                #exam1 {

                            border-width : 100px;

                            border-color : bule；

                            border-style : double;  //邊框型別（雙實線）只有當此值不為none時邊框才可能出現

                            // border-radius : 20%;  定義圓角邊框

</style>

</head>


shine：請指教


相關文章