码迷,mamicode.com
首页 > 其他好文 > 详细

3月16日

时间:2016-03-17 00:36:27      阅读:162      评论:0      收藏:0      [点我收藏+]

标签:

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

.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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!