html5 邊框怎麼設定-前端問答-PHP中文網

首頁

web前端

前端問答

html5 邊框怎麼設定

藏色散人

Apr 12, 2021 am 10:26 AM

html5

html5邊框設定的方法：先建立一個HTML範例檔案；然後建立一個div，程式碼如「
」；最後透過border屬性設定邊框樣式即可。

html5 邊框怎麼設定

本文操作環境：windows7系統、HTML5&&CSS3版、Dell G3電腦。

HTML5邊框的設定（border）

邊框的樣式：

solid 實線dotted 點線dashed 虛線double 雙線inset 三維立體效果

邊框有3個元素，用法是border-top:10px soild red;

border-top:上边
border-bottom:下边
border-left:左边
border-right:右边

登入後複製

範例：

CSS畫出一個三角形，

CSS2引入了邊框顏色值transparent。這個值用於建立有寬度的不可見邊框。請看下面的例子：

<!doctype html>
<html>
 <head>
  <meta charset="UTF-8">
  <title>透明边框</title>
  <style>
  body{
  background:#333300;
  
  }
     #a{
     width:0px;
height:0px;
border-top:30px solid red;
border-bottom:30px solid transparent;
border-left:30px solid transparent;
border-right:30px solid transparent;
 
}
  </style>
 </head>
 <body>
  <div id=a></div>
 </body>
</html>

登入後複製

設定透明邊框的好處是如果頁面背景不是白色的話，設定了透明邊框後，邊框就看不到，普通方法讓邊框顏色設定為白色，如果背景不是白色而是其他顏色的話，就能看出露出一塊白色的地方。

【推薦學習：HTML影片教學】

以上是html5 邊框怎麼設定的詳細內容。更多資訊請關注PHP中文網其他相關文章！

本網站聲明

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