css设置背景颜色和处理背景图片样式

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>css设置背景颜色和处理背景图片样式</title>
<style>
div{
width:1000px;
height:500px;/*没有宽高不能加背景图片*/
border:1px solid #000000;
/*background-color:red;背景颜色*/
background-image:url("hua.jpg");/*引入背景图片*/
background-repeat:no-repeat;/*repeat-x图片在X轴(横向)方向重复,repeat-y图片在Y轴(纵向)上重复平铺,no-repeat两个方向平铺不重复*/
background-position:50px 10px;
/*background-position-x背景图片沿X轴右方向移动50px,background-position-y背景图片沿y轴下方向移动10px,
background-position背景图片同时设置XY轴的移动像素*/
}
p{
width:36px;
height:25px;/*用画图工具取宽高值*/
/*border:1px solid #000000;*/
background-repeat:no-repeat;
background-image:url("obj.png");
background-position:-38px -237px;/*背景图片沿x和y轴左上移动用负值*/

}
</style>
</head>
<body>
<div></div>
<p></p>

</body>
</html>

posted on 2017-07-12 13:40  奔妈妈  阅读(559)  评论(0编辑  收藏  举报