1. 首页
  2. 数据库
  3. 其它
  4. 关于css3如何实现圆角边框

关于css3如何实现圆角边框

上传者: 2021-01-13 13:49:42上传 PDF文件 69.24KB 热度 15次
css3圆角边框 效果图 代码 test.html 说明:由于该样式篇幅较小,将css样式与html结构写在一个页面,建议分开写! 步骤一 先新建一个盒子模型,为了将其居中,设置好内外边距 步骤二 设置宽度、高度、背景颜色 效果如下 步骤三 设置边框以及圆角 引入border-radius:;该属性值可以是px大小,也可以是%大小 注意:当该盒子模型是正方形时,border-radius属性值为50%时,显示为一个正圆 效果如下 最后圆角边框的显示效果 代码 // An highlighted block *{ margin: 0; padding:
用户评论