美文网首页css3专题
2019-05-19 CSS3边框与圆角

2019-05-19 CSS3边框与圆角

作者: Sallyscript | 来源:发表于2019-05-19 16:01 被阅读0次

    border-radius

    最多指定四个值,顺序分别是左上角,右上角,右下角,左下角,顺时针。
    指定为三个值,顺序分别是左上角,右上角左下角,右下角。
    指定为两个值,顺序是左上角右下角,右上角左下角。成对角线分布。

    兼容性:ie10,火狐4,Chrome,Safari5+,欧朋

    当border-radius的值是百分比

    可以通过设置border-radius:50%;
    使一个长方形变成椭圆;

    border-top-left-radius左上角

    border-top-right-radius右上角

    border-bottom-left-radius左下角

    border-bottom-right-radius右下角

    box-shadow

    可以设置一个或多个下拉阴影的框

    box-shadow: h-shadow v-shadow blur spread color inset;
    box-shadow:水平偏移,, 垂直偏移 模糊 扩展 ,,,,颜色 内阴影

    兼容性:ie9+,火狐4+,Chrome,Safari5+,欧朋

    相关文章

      网友评论

        本文标题:2019-05-19 CSS3边框与圆角

        本文链接:https://www.haomeiwen.com/subject/pxmfzqtx.html