首页 > 代码库 > html and css(1)

html and css(1)

 1 body{ 2     background-image:url(‘11.jpg‘); 3     background-color:yellow;         4     background-repeat:no-repeat;      5     background-attachment:fixed;     6     background-position:center; 7     background-origin:content-box; 8 } 9 10 11 /*    12 body{13     background-image:url(‘11.jpg‘);  //背景图片14     background-color:yellow;           //背景颜色15     background-repeat:no-repeat;     //规定如何重复背景图片16     background-attachment:fixed;     //规定背景图片是否固定或者随着页面的其余部分滚到17     background-position:center;      //规定背景图片的位置18     background-size:cover;           //大小19     background-origin:content-box;         //相对于内容框来定位背景图像20     background-clip:content-box;        //规定背景的绘制区域21 }22 23 24 position:25 top left26 top center27 top right28 center left29 center center30 center right31 bottom left32 bottom center33 bottom right34 35 repeat:36 repeat    默认。背景图像将在垂直方向和水平方向重复。37 repeat-x    背景图像将在水平方向重复。38 repeat-y    背景图像将在垂直方向重复。39 no-repeat    背景图像将仅显示一次。40 41 origin:42 padding-box    背景图像相对于内边距框来定位。43 border-box    背景图像相对于边框盒来定位。44 content-box    背景图像相对于内容框来定位。    45 46 clip:47 border-box    背景被裁剪到边框盒。48 padding-box    背景被裁剪到内边距框。49 content-box    背景被裁剪到内容框。50 51 attachment:52 scroll    默认值。背景图像会随着页面其余部分的滚动而移动。53 fixed    当页面的其余部分滚动时,背景图像不会移动。54 inherit    规定应该从父元素继承 background-attachment 属性的设置。55 */

 

html and css(1)