CSS中盒模型的边框属性

margin:外边距 如果想要让A元素和B元素有一点距离可以设置外边距

padding:内边距 div中想写文字 不想让它紧挨着边框可以设置内边距

使用height:100%时,父元素高度是0,子元素100%不会生效,所以高度默认由元素内容撑起 如果div中不写文字 那么即使设置了高度也不会生效 如果设置px就没问题 %就有问题

需要屏幕自适应就设置width:80% 高度不用设置 设置也不生效

当我们需要设置四个不同的边框属性是,生效顺序是顺时针 上 右 下 左

1.上 右 下 左 > 上 右 下 - 左边的取值和右边的⼀样

2.上 右 下 左 > 上 右 - 左边的取值和右边的⼀样 下边的取值和上边⼀样

3.上 右 下 左 > 上 - 右下左边取值和上边⼀样

简写边框属性



边框弧度border-radius:100px

数值越大圆角越圆

圆形是50%

相关推荐
爱上好庆祝1 小时前
学习js的第三天
前端·css·人工智能·学习·计算机外设·js
HyaCinth3 小时前
一人一周,用 Codex 渐进式迁移重构了一个材料学组件库
前端·javascript·css
龙猫里的小梅啊15 小时前
CSS(四)CSS文本属性
前端·css
爱上好庆祝19 小时前
学习js的第2天
前端·css·学习·html·css3
天外飞雨道沧桑20 小时前
详解CSS中的Containing Block:概念、规则与实战解析
前端·css
Yeats_Liao1 天前
后台 Sidebar 伸缩交互(PC + 移动端)实现
前端·javascript·css·html5
里欧跑得慢1 天前
微交互设计模式:提升用户体验的细节之美
前端·css·flutter·web
爱上好庆祝1 天前
学习js第一天(出发新世界)
开发语言·前端·javascript·css·学习·html·ecmascript
ZC跨境爬虫1 天前
UI前端美化技能提升日志day6:(使用苹果字体+计算样式对比差异)
前端·javascript·css·ui·状态模式
是上好佳佳佳呀1 天前
【前端(九)】CSS Transform 2D/3D 变换笔记:分清两个原点,搞懂多重变换
前端·css·笔记