怎麼新建一個實線邊框為紅色盒子
- 云罗郡主轉載
- 2018-11-14 16:09:303714瀏覽
這篇文章帶給大家的內容是關於怎麼新建一個實線邊框為紅色盒子，有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。
新建一個實線邊框為紅色盒子，DIV CSS實例，使用編輯器軟體新建一個紅色邊框物件實例。 【建議閱讀：css表格怎麼加入邊框樣式？ css表格邊框樣式總結（附完整實例）】
為了觀察效果對盒子設定一個css高、css寬樣式，並賦予紅色css邊框樣式。同時為了相容性依然使用DW軟體新建這個實例。
實例描述，我們給這個實例css命名為“。php1”，在html中使用class引用。 css 寬380px，css 高200px，一個邊框寬度為2px的實線邊框。
邊框基礎語法：
邊框：border 進入css border教學
完整實例HTML程式碼如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>新建边框实例</title>
<style>
.php1{ width:380px; height:200px; border:2px solid #F00}
</style>
</head>
<body>
<div class="php1">我宽度为380px 高度200px 边框2px红色</div>
</body>
</html>預覽如下：
以上就是怎麼新建一個實線邊框為紅色盒子的全部介紹，如果您想了解更多有關CSS3教程，請關注PHP中文網。
以上是怎麼新建一個實線邊框為紅色盒子的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文轉載於：divcss5.com。如有侵權，請聯絡admin@php.cn刪除