首頁  >  文章  >  web前端  >  html如何為div加上邊框

html如何為div加上邊框

coldplay.xixi
coldplay.xixi原創
2021-03-01 15:17:4644452瀏覽

html為div加上邊框的方法:先新建HTML頁面,並在【

】中寫上【
】標籤;然後內部嵌套css或外部引用css檔案給div增加樣式;接著可以用統一設定邊框樣式方法;最後用分別設定邊框樣式方法。

html如何為div加上邊框

本教學操作環境:windows7系統、html5版,DELL G3電腦,此方法適用於所有品牌電腦。

html為div加上邊框的方法:

1、新建一個HTML頁面。

html如何為div加上邊框

2、在HTML的中寫上<div>標籤,開啟瀏覽器會有對應的效果圖。 <p><img src="https://img.php.cn/upload/image/141/317/122/1614582990612457.png" title="1614582990612457.png" alt="html如何為div加上邊框"></p> <p><img src="https://img.php.cn/upload/image/606/768/264/1614582994793976.png" title="1614582994793976.png" alt="html如何為div加上邊框"></p> <p>3、內部巢狀css或外部引用css檔案(一般外部引用),增加div樣式。 </p> <p>4、兩種增加樣式方法:</p> <p>一、統一設定邊框樣式</p> <p><img src="https://img.php.cn/upload/image/234/143/856/1614583004213775.png" title="1614583004213775.png" alt="html如何為div加上邊框"></p> <p><img src="https://img.php.cn/upload/image/666/517/246/1614583010947147.png" title="1614583010947147.png" alt="html如何為div加上邊框"></p> <p>二、分別設定邊框樣式,規則還是一樣的。 </p> <p><img src="https://img.php.cn/upload/image/311/102/180/1614583016397895.png" title="1614583016397895.png" alt="html如何為div加上邊框"></p> <p><img src="https://img.php.cn/upload/image/816/634/736/1614583020396662.png" title="1614583020396662.png" alt="html如何為div加上邊框"></p> <blockquote><p><strong>相關學習推薦:</strong><a href="https://www.php.cn/course/list/11.html" target="_blank"><strong>html影片教學</strong></a></p></blockquote> </div>

以上是html如何為div加上邊框的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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