CSS中盒模型的边框属性

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

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

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

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

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

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

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

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

简写边框属性



边框弧度border-radius:100px

数值越大圆角越圆

圆形是50%

相关推荐
郭wes代码16 小时前
纯 CSS+JS 实战:手搓一张支持自定义的通用金色电子奖状(万字详细拆解)
前端·javascript·css
竹枝溪20 小时前
从零吃透CSS(一):CSS基础语法与样式美化
前端·css·选择器·前端三剑客
用户059540174461 天前
把AI对话记忆测试从手动比对到Pytest+Redis自动化,验证效率提升了10倍,还顺带揪出3个隐蔽bug
前端·css
用户059540174463 天前
把AI聊天机器人记忆存储测试从3小时压到5分钟,我用Pytest + Docker搭了一套自动化回归
前端·css
STU学生网页设计4 天前
大一学生作品《前端框架开发技术》 期末网页制作 HTML+CSS+JavaScript 个人主页网页设计实例
css·前端框架·html
用户059540174464 天前
大模型长记忆评测踩坑实录:2000条错位记忆,让我排查了整整3小时
前端·css
用户059540174465 天前
LangChain Memory 踩坑实录:10种异常场景差点搞崩生产,我们写了一套自动化测试保命
前端·css
用户059540174465 天前
Redis缓存回滚踩坑实录:一个配置失误,让我在凌晨3点丢了3000条数据
前端·css
এ慕ོ冬℘゜6 天前
纯 CSS 实现自定义 Switch 开关(商品上下架滑块)
前端·css
并不喜欢吃鱼6 天前
二.前端web开发:零基础吃透 CSS 核心知识
前端·css