<style type="text/css">
/*------背景相关------*/
#d1{
height: 300px;
/*背景图
如果背景图大于盒子的大小,背景图能显示多少就显示多少
如果背景图小于盒子的大小,就会平铺(重复显示)*/
background-image: url(img/logo.png);
/*是否平铺*/
background-repeat: no-repeat;
/*背景图固定*/
/*background-attachment: scroll;*/
/*设置背景图的位置
background-position:x y
x: left/center/right/坐标值
y: top/center/bottom/坐标值*/
background-position: center;
/*同时设置值
background:图片地址 是否重复 x y
background:图片地址 是否重复 x y 背景颜色*/
background: url(img/icon.ico) no-repeat center top chartreuse;
}
/*------列表相关------*/
ul{
/*设置符号样式*/
/*disc(实心圆)circle(空心圆)square(实心方块)none(去掉列表符号)*/
list-style-type: disc;
/*设置图片样式*/
list-style-image: url(img/icon.ico);
/*设置符号的位置*/
list-style-position: outside;
}
/*------文字相关------*/
p{
/*文字大小*/
font-size: 20px;
/*文字颜色*/
color: aquamarine;
/*设置字体名*/
font-family: "微软雅黑";
/*设置字体粗细*/
/*取值:100-900,normal,bold,bolder*/
font-weight: 900;
/*字体倾斜*/
font-style: italic;
/*内容的对齐方式*/
/*center,left,right*/
text-align: center;
background-color: yellow;
/*设置行高
文字一行的高度(当文字只有一行的时候设置行高和标签的高度一样)*/
height: 500px;
line-height: 40px;
/*文字修饰
none:去掉文字修饰
underline:添加下划线
line-through:添加删除线
overline:添加上划线*/
text-decoration: underline;
/*首行缩进
单位是em -- 空格*/
text-indent: ;
}
</style>
网友评论