用DIV和CSS做一個實線邊框的紅色盒子
- php中世界最好的语言原創
- 2017-11-28 12:02:025573瀏覽
做一個案例給大家參考，我們使用DW軟體來做一個紅色實線邊框的盒子，我們給這個盒子命名為DIV，下面就是代碼案列
為了觀察效果對盒子設置一個css高、css寬樣式，並賦予紅色css邊框樣式。同時為了相容性DIV依然使用DW軟體新建這個實例。
給這個實例css命名為“.div”，在html中使用class#引用。 css 寬380px，css 高200px，一個邊框寬度為2px的實線邊框。
邊框基礎語法：
邊框：border 進入css border教程
完整實例HTML程式碼如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>新建边框实例</title>
<style>
.div{ width:380px; height:200px; border:2px solid #F00}
</style>
</head>
<body>
<div class="div">我宽度为380px 高度200px 边框2px红色</div>
</body>
</html>相信看了這些案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！
相關閱讀：
以上是用DIV和CSS做一個實線邊框的紅色盒子的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
上一篇：怎樣用CSS操作兩個DIV重疊下一篇：怎樣用CSS操作兩個DIV重疊