摘要: 技巧:通过一个DIV标签实现边框内圆角效果 背景知识:box-shadow, outline, “多重边框” 背景知识讲解 1. box-shadow box-shadow以逗号分隔列表来描述一个或多个阴影效果,几乎可以用在任何元素上(英文all elements. it also applies 阅读全文
posted @ 2016-11-28 23:56 小碎石 阅读(810) 评论(0) 推荐(0) 编辑
摘要: 技巧:可以随意的摆放背景图片的位置 背景知识:在CSS2.1时代,我们只能通过background-position设置图片相对于容器左上角的偏移量,这样当容器的尺寸不固定时,只能近视使用百分比实现。那么在CSS3时代,我们有了更好的解决方案。 CSS3时代,background-position属 阅读全文
posted @ 2016-11-28 23:18 小碎石 阅读(225) 评论(0) 推荐(0) 编辑
摘要: 技巧:实现一个半透明的边框 预备知识 background-clip background-clip 设置元素背景是否延伸到边框下面,如果没有设置背景颜色或者图片,那么这个属性只有在边框设置为透明或者半透明时才能看到视觉效果。否则这个属性造成的样式变化会被元素边框所覆盖。 默认值为 border-b 阅读全文
posted @ 2016-11-28 22:35 小碎石 阅读(177) 评论(0) 推荐(0) 编辑