.box1 {width: 400px;height: 400px;background-color: blueviolet;margin: 0px 0px 10px;}
盒子模型效果圖,盒子可見框的大小由內容區,內邊距和邊框共同決定 。
box1效果圖
.box2 {border-width: 10px;border-color: red;border-style: solid;}
box2效果圖
.box3 {border-width: 10px 20px;border-color: red green;border-style: solid dotted;}
box3效果圖
.box4 {border-width: 10px 20px 30px;border-color: red green yellow;border-style: solid dotted dashed;}
box4效果圖
.box5 {border-width: 10px 20px 30px 40px;border-color: red green yellow blue;border-style: solid dotted dashed double;}
【css設置字體顏色代碼 css樣式顏色怎么設置】box5效果圖
猜你喜歡
- 數碼知識:華為手機正在運行的程序怎么關閉設置 怎么關閉后臺
- 數碼知識:小米10快充怎么設置怎么進入快充模式
- 浪潮服務器管理口ip設置 浪潮服務器配置ipmi怎么連接
- 數碼軟件產品教程:opporeno3怎么設置視頻鈴聲怎么弄視頻鈴聲
- 教大家優酷路由寶怎么設置
- 數碼知識:vivox50pro全面屏手勢怎么設置 開啟導航手勢教程
- 超級推薦權益怎么設置?超級推薦資源位在哪里設置
- 恢復出廠設置的方法 小米手機忘記密碼怎么恢復出廠設置
- 教你蘋果手機設置來電閃光燈 iphone閃光燈怎么設置
- 數碼知識:oppo手機怎樣攔截陌生短信設置陌生號碼短信攔截教程
