温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

css背景属性

发布时间:2020-04-09 21:40:49 来源:网络 阅读:442 作者: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