溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

css背景屬性

發布時間:2020-04-09 21:40:49 來源:網絡 閱讀:447 作者:475281641 欄目:開發技術

<style type="text/css">.....</style>


 1.Background-color:背景顏色

 2.Background-p_w_picpath:背景圖片,格式:background-p_w_picpath:url(p_w_picpaths/bg.gif)(路徑必須寫正確,不然是沒有效果的。)

 3.Background-repeat:背景平鋪,取值:no-repeat(不平鋪)、repeat(平鋪)、repeat-x(水平方向)、repeat-y(垂直方向)

 4.Background-position(定位):水平方向 垂直方向<可以用單詞、百分比、具體數字表示。>

       Background-positionleft/center/right/top/center/bottom;(水平垂直都居中)

       Background-position50% 50%;

       Background-position100px  200px; //背景圖距離左邊100px,距離頂邊200px

 5.Background-p_w_upload:當移動滾動條時,背景是固定(fixed)還跟著滾動(scroll)

Background簡寫形式

       繁式寫法:.box{background-p_w_picpath:url(p_w_picpaths/bg.gif);background-repeat:no-repeat;background-position:center center;}

     簡式寫法:.box{background:url(p_w_picpaths/bg.gif) no-repeat center center;}



例:  <繁式>background-p_w_picpath:url(hh.gif);background-repeat:no-repeat;background-position:700px bottom;

     <簡式> background:url(hh.gif) no-repeat 700px bottom;


<!DOCTYPEhtml PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>css背景屬性練習</title>
<style type="text/css">
.hello{
	width:800px;
	line-height:150%;
	background-color:#F5F5F5;
	border:1px solid #494949;
	margin:10px auto;
	padding:10px 20px 140px; /*上  左右 右*/
	background-p_w_picpath:url(hh.gif);
	background-repeat:no-repeat;
	background-position:700px bottom;
	}
.hello p{text-indent:26px;}
h4{font-size:24px;}
a.a1:link,a.a1:visited{color:#0000ff;text-decoration:none}
a.a1:hover{color:#ff0000;font-size:20px;text-decoration:underline;}
a.a2:link,a.a2:visited{color:#FF1493;text-decoration:none;font-size:18px;}
a.a2:hover{color:#3CB371;text-decoration:underline;font-size:20px;}
</style>
</head>
<body>
<div class="hello">
<h4>娛樂新聞</h4>
<p>“萬科在<a class="a1" href="#">唐山已經轉不動了。</a>”近日,網上流傳的一份萬科執行副總裁毛大慶在內部沙龍的講話,將唐山這座GDP排名河北<a  class="a1" href="#">第一的重工業城市</a>推
上風口浪尖。盡管萬科對外回應稱,發言并非出自公司和毛大慶本人,但里面翔實的數據和分析還是讓外界相信,唐山可能真的要出問題了。
事實上,唐山房價自2009年攀上6000元/平方米的高位之后,近三年一直處于滯漲狀態。據中國房地產指數[-0.83%]系統百城價格指數發布的
最新數據,2014年4月唐山房價環比上漲0.97%,均價6234元/平方米。與房價滯漲相伴的是房地產企業高歌猛進的×××圈地,包括萬科、萬達
等國內知名房地產開發商及唐山本地開發商一起,將這座城市變成一座巨大的工地,隨處可見在建的工地和在售的高樓。即便是在唐山抗震
紀念廣場這樣的城市中心,也有轟鳴的起重機和悠悠轉動的塔吊。</p>
<p>“萬科在唐山已經轉不動了?!苯?,網上流傳的一份萬科執行副總裁毛大慶在內部沙龍的講話,將唐山這座GDP排名河北第一的重工業城市推
上風口浪尖。盡管萬科對外回應稱,發言并非出自公司和毛大慶本人,但里面翔實的數據和分析還是讓外界相信,唐山可能真的要出問題了。
事實上,唐山房價自2009年攀上6000元/平方米的高位之后,近三年一直處于滯漲狀態。據中國房地產指數[-0.83%]系統百城價格指數發布的
最新數據,2014年4月唐山房價環比上漲0.97%,均價6234元/平方米。與房價滯漲相伴的是房地產<a class="a2" href="#">企業高歌猛進的</a>×××圈地,包括萬科、萬達
等國內知名房地產開發商及唐山本地開發商一起,將這座城市變成一座巨大的工地,隨處可見在建的工地和在售的高樓。即便是在唐山抗震
紀念廣場這樣的城市中心,也有轟鳴的起重機和悠悠轉動的塔吊。</p>
</div>
</body>
</html>


向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女