摘要:
精灵图的使用 1.给一个容器定义一个大小(宽高) 2.引入背景图 3.定位到自己你想要的图片位置 例如: background-position: 0 0; background-position: -20px 0; background-position: 0 -20px; background- 阅读全文
posted @ 2019-09-07 11:48
一封未寄出的信
阅读(536)
评论(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
一封未寄出的信
阅读(206)
评论(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
一封未寄出的信
阅读(225)
评论(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
一封未寄出的信
阅读(256)
评论(0)
推荐(1)

浙公网安备 33010602011771号