HTML5 盒子模型

1. 盒子模型的概念

2. 边框(border)

边框颜色(border-color)

边框粗细(border-width)

边框样式(border-style)

border简写(border:)

3. 外边距(margin)

网页居中对齐

4. 内边距(padding)

5. 盒子模型的尺寸(box-sizing)

6. 圆角边框(border-radius)

制作圆形

制作半圆形

制作扇形

7. 盒子阴影

8. 总结

相关推荐
然我5 分钟前
别再只用 base64!HTML5 的 Blob 才是二进制处理的王者,面试常考
前端·面试·html
NanLing7 分钟前
【纯前端推理】纯端侧 AI 对象检测:用浏览器就能跑的深度学习模型
前端
呆呆的心9 分钟前
前端必学:从盒模型到定位,一篇搞定页面布局核心 🧩
前端·css
小飞悟9 分钟前
前端高手才知道的秘密:Blob 居然这么强大!
前端·javascript·html
小old弟10 分钟前
用Sass循环实现炫彩文字跑马灯效果
前端
code_YuJun10 分钟前
Promise 基础使用
前端·javascript·promise
Codebee10 分钟前
OneCode自主UI设计体系:架构解析与核心实现
前端·javascript·前端框架
GIS之路13 分钟前
GIS 空间关系:九交模型
前端
xiguolangzi20 分钟前
vue3+element-plus el-table列的显隐、列宽 持久化
前端·javascript·vue.js
用户68238060322522 分钟前
前端会用到的数据结构--堆(HEAP)
前端