首頁 >web前端 >html教學 >html裡面怎麼設定邊框？ html邊框樣式設定方法

html裡面怎麼設定邊框？ html邊框樣式設定方法

云罗郡主原創: 2018-11-08 15:02:1518223瀏覽

html怎麼設定邊框?html邊框線怎麼設定?相信有很多剛接觸html的朋友都會有這樣的疑問。本章就跟大家介紹html裡面怎麼設定邊框？ html邊框樣式設定方法。有一定的參考價值，有需要的朋友可以參考一下，希望對你們有幫助。【建議學習：HTML教學】

CSS Border影像屬性用於將影像邊框新增至某些元素。您不需要使用任何HTML程式碼來呼叫邊框圖像。邊框圖像的範例語法如下:.

#borderimg {
   border: 10px solid transparent;
   padding: 15px;}

以下是將圖像設定為元素邊框的範例:

<html>
   <head>
      <style>
         #borderimg1 { 
            border: 10px solid transparent;
            padding: 15px;
            border-image-source: url(/css/images/border.png);
            border-image-repeat: round;
            border-image-slice: 30;
            border-image-width: 10px;
         }
         #borderimg2 { 
            border: 10px solid transparent;
            padding: 15px;
            border-image-source: url(/css/images/border.png);
            border-image-repeat: round;
            border-image-slice: 30;
            border-image-width: 20px;
         }
         #borderimg3 { 
            border: 10px solid transparent;
            padding: 15px;
            border-image-source: url(/css/images/border.png);
            border-image-repeat: round;
            border-image-slice: 30;
            border-image-width: 30px;
         }
      </style>
   </head>
   <body>
      <p id = "borderimg1">php网站是最好的网站</p>
      <p id = "borderimg2">php网站是最好的网站</p>
      <p id = "borderimg3">php网站是最好的网站</p>
   </body></html>

顯示效果如下：

##本篇文章帶給大家的內容是關於html裡面怎麼設定邊框？ html邊框樣式設定方法，有一定的參考價值，有需要的朋友可以參考一下，希望對你有幫助。

以上是html裡面怎麼設定邊框？ html邊框樣式設定方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：html怎麼引用css樣式？ html引用css檔案的三種方法介紹下一篇：html怎麼引用css樣式？ html引用css檔案的三種方法介紹

看更多