CSS学习第六天-圆角边框和阴影

举报
多米诺的古牌 发表于 2021/02/16 14:21:51 2021/02/16
【摘要】 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

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。