3月16日

标签：

今天貌似只有这个练的比较熟练：

.div1{
width: 180px;
height: 180px;
border: 1px solid black;
background-image: url("30d5bc953b7afba77514.jpg");
background-position: -280px -270px;
border-radius: 100%;
}
.div1:hover{
width: 180px;
height: 180px;
/*outline: 1px solid black;*/
background-image: url("30d5bc953b7afba77514.jpg");
background-position: -550px 0px;
cursor: pointer;
border-radius: 50%;
}

.div2{
width: 260px;
height: 260px;
/*border: 1px solid black;*/
background-image: url("2203027_222611491110_2.jpg");
background-position: -113px -339px;
}
.div2:hover{
width: 260px;
height: 260px;
/*outline: 1px solid black;*/
background-image: url("2203027_222611491110_2.jpg");
background-position: -479px -55px;
cursor: pointer;
}

.div3{
width: 300px;
height: 300px;
background-color: red;
border-radius: 50%;
box-shadow: 5px 5px 10px;

}

总结一下今天学习的内容，CSS的一些样式：

字体font的大小，颜色，分类，格式

文字缩进、字间距、词间距

行高、居中、居左、居右

下划线、上划线、删除线

阴影、背景颜色、插入背景图片、平铺、位置

列表样式（去掉前缀符号、添加前缀）

边框

图片替换技术、雪碧图

圆角、渐变、动画、盒模型

明天要学的是浮动！~

3月16日

标签：

原文地址：http://www.cnblogs.com/zxh197242031/p/5285743.html