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)