• 当前标签:border

css3圆角属性详解

页面元素的装饰一直是前端工程师的重要工作之一,在这若干样式之中有一个样式较为独特,那就 是圆角属性。在CSS3前或是老版本的浏览器中要想实现圆角属性的难度较大,要么使用图片装 饰,要么使用border的奇淫巧技,无论哪种所需要的时间都是不短的。因此,在CSS3中为了让前 端工程师们减少在这类常见样式上所消耗的时间,W3C正式把圆角属性border­radius加入了规范 之中,至此圆角的实现变得格外轻松惬意。 圆角的实现原理 我们浏览器默认每一个块元素都是一个矩形区域,那么当我们给一个块元素设置了border-­radius之 后浏览器到底做了些什么才让一个矩形区域出现一个圆角效果呢? 形象点

2018-03-25 17:40:44 248 16 6
阅读详情

border属性练习

border属性小练习,做的两个简单页面 border属性演示一 border属性演示二

2017-09-30 21:09:49 795 7 3
阅读详情
  • 1
前往