前端一HTML:二十五盒子模型
生活随笔
收集整理的這篇文章主要介紹了
前端一HTML:二十五盒子模型
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
? html頁面上的每一個元素都是一個盒子。
? 萬物皆盒子。
??
? 盒子的組成: ?content, Padding, border, margin
?
盒子的外殼: border
? 1. border-width: ?設置邊框寬度
? 2. border-style: ??設置邊框樣式
? ? ? ?solid:實線
? 3. border-color: ??設置邊框顏色
? ? 以上三種可以使用border連寫.
? ? border: ?border-width ?border-style ?border-color
<!doctype html> <html lang="en"> <head><meta charset="UTF-8"><title>Document</title><style>div{width: 200px;height: 200px;background-color: yellow;/*border: 1px solid #000*/ /*連寫*/border-width: 1px;border-style: solid;border-color: red;}</style> </head> <body><div>奧特曼大戰怪獸!!</div> </body> </html>?
《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀總結
以上是生活随笔為你收集整理的前端一HTML:二十五盒子模型的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： python六十五:描述符(__get_
- 下一篇： 设计模式四:简单工厂