CSS学习第六天-圆角边框和阴影
【摘要】 1.设置圆角边框1.1 参数设置border-raduis ： 左上 右上 右下 左下（顺时针）注：a.当只设置一个时，四个角都圆角半径都为此值；当设置两个时，为设置对角线的圆角半径； b.如果需要设置为半圆，需要将 数值 = 圆角半径 + 边框 并且 宽度 或者 高度需要设置为和这个值相同（朝向上下则设置高度，朝向左右则设置宽度） eg：border-radui...
1.设置圆角边框
1.1 参数设置
border-raduis ： 左上 右上 右下 左下（顺时针）
注：a.当只设置一个时，四个角都圆角半径都为此值；当设置两个时，为设置对角线的圆角半径；
b.如果需要设置为半圆，需要将 数值 = 圆角半径 + 边框 并且 宽度 或者 高度需要设置为和这个值相同（朝向上下则设置高度，朝向左右则设置宽度）
eg：border-raduis：60px 60px 0 0；height:60px
2.设置阴影
2.1 参数设置
box-shadow： 颜色 x轴位置 y轴位置 发散半径
eg: box-shadow: red 10px 10px 10px;
【声明】本内容来自华为云开发者社区博主，不代表华为云及华为云开发者社区的观点和立场。转载时必须标注文章的来源（华为云社区）、文章链接、文章作者等基本信息，否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论（0）