温馨提示×

温馨提示×

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

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

css背景属性

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