目录 一、阴影 1.1、文字阴影 1.2、盒子阴影 二、背景 2.1、背景图像尺寸 2.2、背景图像显示的原点 三、伪元素 3.1、before 3.2、after 3.3、清除浮动 四、圆角与边框 4.1、border-radius 圆角 4.2、边框图片border-image 五、变形 tra ...
分类:
Web程序 时间:
2017-01-10 09:09:24
阅读次数:
237
目录 一、阴影 1.1、文字阴影 1.2、盒子阴影 二、背景 2.1、背景图像尺寸 2.2、背景图像显示的原点 三、伪元素 3.1、before 3.2、after 3.3、清除浮动 四、圆角与边框 4.1、border-radius 圆角 4.2、边框图片border-image 五、变形 tra ...
分类:
Web程序 时间:
2017-01-07 00:03:04
阅读次数:
328
本文为HTML5&CSS3初学者指南系列的第二篇文章,介绍CSS3的基本知识。 ...
分类:
Web程序 时间:
2016-12-27 14:06:11
阅读次数:
313
背景颜色: 背景图像: 这个表格没有边框: 这个表格也没有边框: 横跨两列的单元格: 横跨两行的单元格: 表格源码 ...
分类:
Web程序 时间:
2016-12-24 16:44:55
阅读次数:
292
难点 普通元素添加border-radius所生成的形状添加box-shadow的效果都非常完美。但是当普通元素添加了伪元素或者半透明的装饰之后,box-shadow就会有点力不从心。因为boder-radius会无耻地忽视透明部分。 场景: 1. 半透明图像,背景图像,border-image 2 ...
分类:
Web程序 时间:
2016-12-20 07:23:22
阅读次数:
315
CSS Sprite(雪碧图|精灵图)指什么? 有什么作用 是指将多个icon图拼接成一幅大图,该方法是将小图标和背景图像合并到一张图片上,然后利用css的背景定位来显示需要显示的图片部分。作用是减少加载网页图片时对服务器的请求次数,提高页面的加载速度。 img标签和CSS背景使用图片在使用场景上有 ...
分类:
Web程序 时间:
2016-12-17 22:33:35
阅读次数:
205
CSS3的背景属性:background-image属性添加背景图片。不同的背景图像和图像用逗号隔开,所有的图片中显示在最顶端的为第一张。 background: url(img_flwr.gif) right bottom no-repeat, url(paper.gif) left top re ...
分类:
其他好文 时间:
2016-12-15 17:41:20
阅读次数:
179
目录 一、阴影 1.1、文字阴影 1.2、盒子阴影 二、背景 2.1、背景图像尺寸 2.2、背景图像显示的原点 三、伪元素 3.1、before 3.2、after 3.3、清除浮动 四、圆角与边框 4.1、border-radius 圆角 4.2、边框图片border-image 五、变形 tra ...
分类:
Web程序 时间:
2016-12-09 16:19:03
阅读次数:
505
解决办法: 一: 此办法不仅仅是针对小程序,适用于支持CSS3属性的浏览器。 将图片设置为配景图片.img { background:url('') no-repeat; background-size:cover //此属性是是把背景扩充到足够大,使背景图像完全覆盖背景区域。背景图像的某些部分也许 ...
分类:
其他好文 时间:
2016-12-05 17:17:46
阅读次数:
223
CSS 允许应用纯色作为背景,也允许使用背景图像创建相当复杂的效果。 CSS 在这方面的能力远远在 HTML 之上。 背景色 可以使用 background-color 属性为元素设置背景色。这个属性接受任何合法的颜色值。 这条规则把元素的背景设置为灰色: p {} 如果您希望背景色从元素中的文本向 ...
分类:
Web程序 时间:
2016-11-29 16:59:48
阅读次数:
258