摘要: 一、半透明边框 css3最好用hsla,而不是rgba,hsla是:h:颜色值(0~360);s:饱合度(0%~100%);l:亮度(0%~100%);a:透明度(0~1) background-clip:裁剪背景颜色,默认为border-box(背景颜色扩散到border);padding-box 阅读全文
posted @ 2016-12-19 10:09 —━紫風.づ 阅读(182) 评论(0) 推荐(0) 编辑
摘要: 一、自适应椭圆 * border-radius特性: * 可以单独指定水平和垂直半径,并且值可以是百分比,用/(斜杠)分隔这两个值即可(可以实现自适应宽度椭圆)。 * 还可以单独指定四个角度不同的水平和垂直半径(可以实现半椭圆) * 四分之一椭圆,主要是调整水平和垂直的半径* 示例代码: .wrap 阅读全文
posted @ 2016-12-19 10:00 —━紫風.づ 阅读(368) 评论(0) 推荐(0) 编辑
摘要: 一、单侧阴影 box-shadow属性的应用,格式:h-shadow v-shadow blur spread color inset属性取值介绍 h-sahdow:水平阴影的位置,允许负值 v-shadow:垂直阴影的位置,允许负值 blur:模糊距离 spread:阴影的尺寸,扩张距离,可以为负 阅读全文
posted @ 2016-12-19 09:57 —━紫風.づ 阅读(373) 评论(0) 推荐(0) 编辑
摘要: 一、插入换行 ~:表示同辈元素之后指定类型的元素,如;elm1 ~ elm2表示,elm1之后的所有elm2元素,且elm1与elm2都是在同一个父级元素。 +:表示同辈元素的兄弟元素。 \A:一个空白换行符 解决方案: 在dd与dt相邻的dt上的子元素前面加入一个空白换行符 在相邻的dd与dd之间 阅读全文
posted @ 2016-12-19 09:54 —━紫風.づ 阅读(779) 评论(0) 推荐(0) 编辑