2019年9月7日
css 精灵图的使用
摘要： 精灵图的使用 1.给一个容器定义一个大小（宽高） 2.引入背景图 3.定位到自己你想要的图片位置 例如： background-position: 0 0; background-position: -20px 0; background-position: 0 -20px; background- 阅读全文
posted @ 2019-09-07 11:48 一封未寄出的信 阅读(529) 评论(0) 推荐(1) 编辑
渐变的背景色
摘要： 背景色的渐变 1）线性渐变 background: -webkit-linear-gradient(60deg,#fff 10%, #f00 30%, #0f0 50%, #00f 70%, #000); 通过色号进行背景色线性渐变 background: -webkit-linear-gradie 阅读全文
posted @ 2019-09-07 11:34 一封未寄出的信 阅读(201) 评论(0) 推荐(1) 编辑
边框的渐变
摘要： 针对边框的渐变色其实有两种理解: 第一种是纯边框： 写法是： border:1px solid #ddd; border-image: -webkit-linear-gradient(#da9f11, #daa21e , #dbbc7b) 20 20; border-image: -moz-line 阅读全文
posted @ 2019-09-07 11:33 一封未寄出的信 阅读(219) 评论(0) 推荐(1) 编辑
多背景图的设置
摘要： 多背景图的设置 background-image:url(1.jpg),url(2.jpg); background-image:url(1.jpg) no-repeat center/auto 200px,url(2.jpg) no-repeat center/auto 300px ,...; 设 阅读全文
posted @ 2019-09-07 11:28 一封未寄出的信 阅读(249) 评论(0) 推荐(1) 编辑