1.设置背景颜色 background-image:url(img/jianbian.jpg) 3.设置背景图像平铺 background-repeat:repeat-x repeat:沿水平和数值两个方向平铺(默认值) no-repeat:不平铺(图像位于元素的左上角,只显示一次) repeat- ...
分类:
Web程序 时间:
2018-04-12 00:17:05
阅读次数:
176
background-origin用来规定元素背景图像的相对定位位置,它有三个属性值: 1、border-box border-box表示元素背景图像相对于border区域开始定位。 代码如下: 效果如下: 从上图可以看出,元素的背景图像从边框区域开始定位。 2、padding-box paddin ...
分类:
Web程序 时间:
2018-03-30 21:53:10
阅读次数:
376
今天来整理一下做网页遇到的问题吧 1.插入背景图片并使图片居于div底部充满整个行。 属性: background-position:背景位置属性用于设置背景图像的位置,这个属性只能应用于块级元素和替换元素。其中替换元素包括img、input、textarea、select。 语法取值有两种:长度和 ...
分类:
Web程序 时间:
2018-03-16 00:25:10
阅读次数:
262
background 给元素添加背景属性, 是一个简写属性, 在一个声明中设置所有的背景属性。 简写 所有浏览器都支持 background 属性 且不可继承。 IE8 以及以下的浏览器不支持一个元素多设置个背景图像。 可以设置如下属性: background-color 元素的背景颜色取值和 co ...
分类:
Web程序 时间:
2018-03-10 16:37:39
阅读次数:
233
day10 CSS背景 背景样式 backgroud-color 设置元素的背景颜色 background-image 把图像设置为背景 background-position 设置背景图像的起始位置 background-attachment 背景图像是否固定或者随着页面的其余部分滚动 backg ...
分类:
Web程序 时间:
2018-02-08 20:11:27
阅读次数:
298
概念 CSS3混合模式( CSS Blend Modes )是CSS3新增的一个魔法特性,可以允许多个背景或多个元素进行混合,类似于Photoshop的图层混合模式 CSS3混合模式属性一览 background-blend-mode background-blend-mode : <blend-m ...
分类:
Web程序 时间:
2018-01-24 20:04:13
阅读次数:
392
css背景图片位置:background的position position的两个参数:水平方向的位置,垂直方向的位置 该位置是指背景图片相对于前景对象的1.background:url(../image/header.jpg) no-repeat left top; /*相当于0% 0%*/表示背 ...
分类:
Web程序 时间:
2018-01-20 13:58:46
阅读次数:
131
1-1 课程介绍 ~background-color 设置元素的背景颜色 ~background-image 把图像设置成背景 ~background-position 设置背景图像的起始位置 ~background-attachment 背景图像是否固定或者随着页面的其余部分滚动 ~backgro ...
分类:
Web程序 时间:
2017-12-07 10:50:30
阅读次数:
184
第8章 使用CSS美化列表 8.1 列表的基本结构 在HTML中,列表结构可以分为两种基本类型:有序列表和无序列表。使用标签如下: <ul>...</ul>:标识无序列表; <ol>...</ol>:标识有序列表; <li>...<li>:标识列表项目。 另外,还可以使用定义列表。定义列表包括词条和 ...
分类:
Web程序 时间:
2017-11-28 16:41:49
阅读次数:
183
为列表添加定制的项目符号 可使用list-style-image属性:缺点是对项目符号图像的位置的控制能力不强。 常用的方法:使用list-style-type来关闭项目符号,将定制的项目符号作为背景添加在列表元素上,使用背景图像的定位属性精准的控制自定义项目符号的对准方式。 在列表项左边添加内边距 ...
分类:
其他好文 时间:
2017-11-22 17:36:13
阅读次数:
218