css怎麼設定無邊框

css設定無邊框的方法：先建立一個HTML範例檔案；然後建立一個有邊框的div；最後透過去掉css的border屬性或是覆寫border屬性為none來實現無邊框效果即可。

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

CSS去掉div的邊框可以去掉css的border屬性，或是覆寫border屬性為none來實作。

如圖，這是一個有邊框的div測是頁面。

第一個div的邊框是這行css實現的效果

border: 5px solid black;

第二個div沒有設置邊框樣式

第三個div的css設定了邊框樣式，但被內嵌樣式覆蓋為none，因此也能不顯示邊框。

程式碼如下

<div class="box1"></div>
<div class="box2"></div>
<div class="box3" style="border: none;"></div>
div{
width:200px;
height:120px;
margin-bottom:10px;
background-color:yellow;
}
.box1, .box3{
border: 5px solid black;
}

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

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