边框 border-radius:圆角 box-shadow:水平阴影的位置 垂直阴影的位置 模糊距离 盒阴影tet-shadow:h-shadow v-shadow bur clor border-image:边界图片 背景 background-size:背景图片的尺寸 background-o ...
分类：
Web程序 时间：
2019-12-09 12:09:11
阅读次数：
101
IE8及以下版本用滤镜来兼容background-size如下: 下面我通过给下图背景图添加background-size属性的不同属性值，更直观的显示出100%和cover的区别 下图是添加background-size:100% 100% 后的背景图效果，背景图被拉伸后有点失真 下图是添加bac ...
分类：
其他好文 时间：
2019-12-05 13:13:53
阅读次数：
113
一、实现思路 需求：画n个20 x 20的方格，作为元素div的背景图片 思路：利用CSS3的linear-gradient。 首先设置元素的background-size为20px 20px；利用linear-gradient为元素设置渐变的背景图片，分别向上下左右四个方向画0.5px的线。 二、 ...
分类：
Web程序 时间：
2019-12-02 19:18:08
阅读次数：
125
一、文本样式 常用的文本样式 1.背景颜色（background-color） 2.背景图片（background-image） 3,背景铺盖（background-repeat） 4背景大小（background-size） 5,背景定位（background-position） 也可以直接复合样 ...
分类：
Web程序 时间：
2019-11-28 23:04:26
阅读次数：
115
萤火虫 <style type="text/css"> *{ padding: 0; margin: 0; } #bg{ background: url(img/bg.jpg) no-repeat; background-size: cover; width: 100%; height: 100%; ...
分类：
其他好文 时间：
2019-11-25 15:14:31
阅读次数：
64
在写主题样式的时候经常会碰到用背景图铺满整个背景的需求，这里分享下使用方法 需要的效果 以图片bg.jpg为例 最简单，最高效的方法 CSS3.0 归功于css3.0新增的一个属性background-size，可以简单的实现这个效果，这里用fixed和center定位背景图，然后用backgrou ...
分类：
Web程序 时间：
2019-10-12 10:41:45
阅读次数：
117
背景缩放 Background size 通过background size设置背景图片的尺寸，就像我们设置img的尺寸一样，在移动Web开发中做屏幕适配应用非常广泛。 其参数设置如下： a) 可以设置长度单位(px)或百分比（设置百分比时，参照盒子的宽高） b) 设置为cover时，会自动调整缩放 ...
分类：
其他好文 时间：
2019-09-23 22:10:39
阅读次数：
131
上一篇写了HTML5的新特性，不能落下CSS3独坐空房啊 HTML5新特性的链接：https://www.cnblogs.com/pingzi-wq/p/11490383.html background-size —— 规定背景图片的尺寸，在css3前背景图片的尺寸有图片实际尺寸决定。 backgr ...
分类：
Web程序 时间：
2019-09-12 00:11:56
阅读次数：
120
1.背景透明 background-color:rgba(0,0,0,.2) 2.背景大小 background-size: 取值：可以是像素单位 ，也可以是百分比 3.多背景图片 就是将多个图片路径写在一块，中间用，隔开 background:url(image/aa.png) no-repeat ...
分类：
Web程序 时间：
2019-09-01 10:34:49
阅读次数：
103
㈠实现不等宽背景条纹 实现如上图所示的效果，代码如下： 其他效果： ⑴如果想设置等宽的渐变只需要将开始值和结束值改为互补 ⑵如果需要等宽切无过渡的渐变，开始和结束值设置为50%即可。 ⑶如果想要垂直条纹，你只需要调整background-size的x、y值即可。 ㈡瓷砖条纹背景 实现如上图所示的效果 ...
分类：
Web程序 时间：
2019-08-14 20:14:36
阅读次数：
132
