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

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

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

    全部回复

    上滑加载中

    设置昵称

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

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

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