一天搞定CSS：边框border--02
生活随笔
收集整理的這篇文章主要介紹了
一天搞定CSS：边框border--02
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
每一個(gè)標(biāo)簽都是一個(gè)盒子，具體見(jiàn)HTML教程
因此，每一個(gè)標(biāo)簽有大小，有邊框
1.border樣式：單一樣式
2.border樣式：復(fù)合樣式
border: 粗細(xì) 類(lèi)型 顏色；
3.border方向
4.代碼演示
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title></title><style>div{width: 300px;height: 300px;/*單一樣式*/border-color: red;border-width: 4px;border-style: solid;/*復(fù)合樣式*/border: 4px solid red;}</style></head><body><div></div></body> </html>邊框方向：以top為例
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title></title><style>div{width: 300px;height: 300px;/*單一樣式*/border-top-color: red;border-top-width: 4px;border-top-style: solid;/*復(fù)合樣式*/border-top: 4px solid red;}</style></head><body><div></div></body> </html>總結(jié)
以上是生活随笔為你收集整理的一天搞定CSS：边框border--02的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： 一天搞定CSS：初识css--01
- 下一篇： 一天搞定CSS：背景background