css背景及css列表

CSS背景

background是一个综合属性,它分为以下几个属性。

background-color 背景色

background-image 背景图片

background-repeat 设置背景图的平铺方式

属性值:no-repeat 

    repeat-x

    repeat-y

background-position 设置或检索对象的背景图像位置

background-size 设置背景图的尺寸

background-attachment 设置或检索背景图像是随对象内容滚动还是固定的 fixed  固定的

综合运用示例

background: url(imgs/banner.jpg) 200px 100px /100% no-repeat fixed;
/**                   图片            位置      大小    平铺     固定   *

CSS列表

列表样式list-style也是一个综合属性,分为下列几个属性。

list-style-type: none;

 去除列表前面的符号

list-styleposition: outside/inside;

 设置列表前面符号的位置

list-style-image: url();

 设置或检索作为对象的列表项标记的图像

原文地址:https://www.cnblogs.com/crazier/p/12355181.html

时间: 2024-11-01 19:45:51

css背景及css列表的相关文章

html5晋级之路-css背景

css背景: css允许应用纯色作为背景,也允许使用图片来创建相当复杂的效果. background-attachment            背景图像书否固定或随页面的其余部分滚动 background-color                     设置元素的背景颜色 background-image                   把图片设置为被禁 background-position                设置背景图片的起始位置 background-repeat  

CSS背景说明及连写

一.CSS背景说明 CSS 可以添加背景颜色和背景图片,以及来进行图片设置. 1.1 背景图片(image) background-image 属性允许指定一个图片展示在背景中(只有CSS3才可以多背景)可以和 background-color 连用. 如果图片不重复地话,图片覆盖不到地地方都会被背景色填充. 如果有背景图片平铺,则会覆盖背景颜色. background-image : none | url (url) ; /*none : 无背景图(默认的) url : 使用绝对或相对地址指定

这些HTML、CSS知识点,面试和平时开发都需要 No5-No7(知识点:文字设置、设置背景、数据列表)

系列知识点汇总 这些HTML.CSS知识点,面试和平时开发都需要 No1-No4(知识点:HTML.CSS.盒子模型.内容布局) 这些HTML.CSS知识点,面试和平时开发都需要 No5-No7(知识点:文字设置.设置背景.数据列表) 这些HTML.CSS知识点,面试和平时开发都需要 No8-No9(知识点:媒体操作.构建表单) 这些HTML.CSS知识点,面试和平时开发都需要 No10-No11(知识点:表格操作.代码编写规则) No5.文章段落 1.文字属性 文字属性包含font-*和tex

CSS背景、列表、盒子模型

本章内容: CSS背景 CSS列表 一.CSS背景 A.背景颜色 background-color:颜色 | transparent(透明色) B.背景图片 background-image:url | none 注意:当同时设置了图片和背景颜色时,图片会覆盖颜色 background-repeat:repeat (重复/默认)| no-repeat(不重复) | repeat-x(s轴重复) | repeat-y(y轴重复) 当一张图片没有容器大时,图片默认复制自己填充容器: backgrou

DIV+CSS虚线边框|CSS虚线下划线及虚线列表教程

DIV CSS虚线教程篇包括讲解常常出现的各种样式的DIV虚线案例CSS教程. 本节为大家介绍常见的CSS 虚线及DIV教程.CSS虚线下划线.列表虚线统统搞定. 目录 CSS虚线边框 CSS超链接虚线下划线 列表型CSS虚线下划线 CSS定义一条水平虚线 1.CSS边框虚线   -   TOP 这里通过边框属性的虚线边框border控制虚线.以下设置的css 高度(css height)和css 宽度(css width)为350像素是为了便于观看演示 其它意思.一.四边为虚线边框border

DIV CSS Sprites精灵 CSS图像拼合 CSS背景贴图定位教程案例

div css sprites精灵-CSS图像拼合 CSS贴图定位网页背景素材图片拼合定位布局技术教程篇与css sprites实例篇 css sprites拼合背景图片素材实现布局效果截图 一.什么是css sprites   -   TOP css sprites直译过来就是CSS精灵.通常被解释为“CSS图像拼合”或“CSS贴图定位”.其实就是通过将多个图片融合到一张图里面,然后通过CSS background背景定位技术技巧布局网页背景.这样做的好处也是显而易见的,因为图片多的话,会增加

css 背景图片拉伸[转]

http://www.jeasyuicn.com/css-background-image-stretching.html background-image:url(bg.png); -moz-background-size: 100% 100%; -o-background-size: 100% 100%; -webkit-background-size: 100% 100%; background-size: 100% 100%; -moz-border-image: url(bg.png)

CSS背景图片定位

原文:CSS背景图片定位 在网页开发中我们经常需要对图片进行分割(如下图)来使用,而不是分别提供单独的图片来调用,常见的如页面背景,按钮图标等,这样做的好处就是减少请求次数,节省时间和带宽. 对背景图片的定位就需要用到CSS中的background样式,如: div{ background-image: url("1234.png"); background-repeat: no-repeat; background-position: 0px -100px; } 属性解释: back

CSS 背景-CSS background

这里有个很好的样式学习网站:http://www.divcss5.com/rumen/r125.shtml 一.Css background背景语法   -   TOP CSS背景基础知识 CSS 背景这里指通过CSS对对象设置背景属性,如通过CSS设置背景各种样式. 背景语法: background: background-color || background-image || background-repeat || background-attachment || background-