码迷,mamicode.com
首页 >  
搜索关键字:background-size    ( 327个结果
CSS3的基础知识点
面临找工作之际,又将CSS3的基础知识撸了一把,做了相应的笔记,主要是方便自己查阅,参考的是W3C的知识。 1、CSS背景 (1)、background-size 属性 background-size 属性规定背景图片的尺寸,同时适用与字体图标方面的适用(主要在移动端用到较多)。 在 CSS3 之前 ...
分类:Web程序   时间:2016-08-29 22:24:45    阅读次数:228
细线边框
1,首先想到的方法是做一张高2像素(1像素有颜色1像素没颜色)的图片做背景,bg-size设置宽100%,高1px .line li{ background: url('line.png') left top no-repeat; background-size: 100% 1px; backgro ...
分类:其他好文   时间:2016-08-23 21:48:52    阅读次数:136
background和background-size
今天偶遇一个小问题。 添加logo图片时, 由于不需要重新定位图片位置,就准备偷懒在间歇属性中省略background-position的属性,然而很不幸的是,结果却是酱紫的(谷歌浏览器): 不能加载到图片,很郁闷的说。但是如果把属性拆开来写的话: 话说,又完全无碍了。 如果使用简写属性,就必须把n ...
分类:其他好文   时间:2016-08-23 07:56:52    阅读次数:159
0815 document对象
p{ color:#F00;font-size:36px;}#aa{ width:500px; height:400px; position:relative; background-image:url(images/1.jpg); background-size:contain; backgrou ...
分类:其他好文   时间:2016-08-17 08:56:01    阅读次数:144
固定背景图的高度,让宽度自适应
将容器的高度固定,宽度设置成百分百,然后将background-size设置成cover。当宽度不够时,背景图的两边会隐藏 如下:将class是con的容器高度固定。宽度自适应 ...
分类:其他好文   时间:2016-08-15 18:49:08    阅读次数:217
css3设置背景图片的大小
background-size 设置背景图片的大小,以长度值或百分比显示,还可以通过cover和contain来对图片进行伸缩。 语法: ...
分类:Web程序   时间:2016-08-15 14:13:58    阅读次数:159
css背景与动画属性
background: background-origin属性规定background-position属性相对于什么位置来定位,而background-clip 属性规定背景的绘制区域,这两个要注意区分。 background-size规定图像的大小,该属性可用来定义动画。 以上属性都可以用bac ...
分类:Web程序   时间:2016-08-14 15:59:42    阅读次数:322
CSS笔记五....
1.background-origin:设置背景图片的原始起始位置,前提是no-repeat。 2.background-clip:设置背景图片向外裁剪的区域。 3.background-size:背景的尺寸。 4.background:背景。 5.多重背景,用逗号隔开每组background的缩写 ...
分类:Web程序   时间:2016-08-12 21:22:40    阅读次数:130
巧用HTML5给按钮背景设计不同的动画
如何巧用HTML5设计按钮背景不同动画特效,在该特效中,当鼠标滑过按钮时,使用CSS3 animation 来动画 background-size 和 background-position 属性,来实现各种背景动画效果。 下面来看一下整体的效果图: 具体实现: 1. CSS样式 首先为按钮设置通用 ...
分类:Web程序   时间:2016-08-12 20:00:21    阅读次数:163
使用背景图完全位于屏幕的中心 background-position
background-color:#000; background-size:cover; background-position:50% 50%; text-align:center; color:white; (background-size是css3中新增的属性,background-size ...
分类:其他好文   时间:2016-08-12 11:23:10    阅读次数:139
327条   上一页 1 ... 18 19 20 21 22 ... 33 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!