首頁  >  文章  >  web前端  >  html邊框線怎麼設定

html邊框線怎麼設定

藏色散人
藏色散人原創
2021-04-29 10:14:5522932瀏覽

html設定邊框線的方法:首先新建一個HTML文檔,並且編寫基本框架;然後新建一個div標籤;最後透過「border:1px solid red;」屬性設定邊框線樣式即可。

html邊框線怎麼設定

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

開啟編輯器,新建一個HTML文檔,並且編寫基本框架。

html邊框線怎麼設定

新建一個CSS文檔,並且關聯剛剛建立的HTML文檔。

html邊框線怎麼設定

新建一個div標籤,可以看到這個div預設是沒有邊框的。

html邊框線怎麼設定

border: 1px solid red;

這是我們設定邊框的常用格式。

html邊框線怎麼設定

我們可以把邊框改為點狀式的。

html邊框線怎麼設定

也可以修改為虛線形狀的。

html邊框線怎麼設定

更多詳細的HTML/CSS知識,請造訪CSS影片教學專欄!

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

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