標籤：utf-8 head doc char htm 像素 body 背景顏色 round
<!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>
css設定背景顏色和處理背景圖片樣式
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
