您当前的位置: 首页 >  前端

暂无认证

  • 0浏览

    0关注

    92582博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

前端网页制作秘密武器之盒模型边框

发布时间:2019-04-23 23:59:00 ,浏览量:0

欢迎点击「算法与编程之美」↑关注我们!

本文首发于微信公众号:"算法与编程之美",欢迎关注,及时了解更多此系列文章。

1 引言

盒模型是CSS的一种基础设计模式,定义了Web页面中的元素是如何被看作盒子来解析的,而每一个盒子又有不同的展示方法接下来我们将详细的介绍一下边框的高级属性:圆角边框、图像边框。

2 .常用列表介绍

(1)  圆角边框

圆角边框可使页面看起来更加的舒服,使板块显得圆润而不失灵活。

基本语法:

border-radius:[|]{1,4}[|{1,4}]?

派生的相关子属性有:border-top-right-radius、border-bottom-right-radius、border-top-left-radius、border-bottom-left-radius分别定义右上角、右下角左上角和左下角的圆角。

语法说明

关注
打赏
1653961664
查看更多评论
立即登录/注册

微信扫码登录

1.6667s