《cssdiv网页布局技术教程》课外阅读3

《《cssdiv网页布局技术教程》课外阅读3》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、DIV+CSS案例关键解释1)、.box1{background:url(divcss5-logo.gif)}设置图片作为"・boxl”的背景，只使用了background引人图片作为背景，没有设置其它值,代表此图片作为背景后任意方向平铺整个对象背景。对应案例浏览器中效果截图：DIVCSS学习与分享平台DIVCSS学习与分享平台DIVCSS学DIVCSS学习与分享平台DIVCSS学习与分享平台DIVCSS学DIVCSS学习与分享平台DIVCSS学习与分享平台DIVCSS学背景图片完全平铺满DIV截图2)、.box2{background:url(divcss5-l

2、ogo.gif)no-repeat10pxcenter}设置图片作为boxr的背景，no-repeat不平铺重复显示，并设置此图片作为背景后距离对象左边10px,垂直居屮(上下居屮)显示该图片。对应案例浏览器屮效果截图：图片不重复作为DIV背景图片截图项目13)、.box3{background:url(divcss5-logo.gif)repeat-x030px}设置图片作为=box3”的背景，repeaJx水平横向平铺该图片，并且距离对象左边为（）px间距，距离对彖上间距30px开始水平横向平铺。项目2对应案例浏览器中效果截图:将图片作为DIV背景横向水平平

3、铺DIVCSS5DIVCSS5DIVDIVCSS学习与分享平台DIVCSS学习与分享平台DIVCSS学图片横向水平平铺子，距离上30px项H4图片作为DIV背景图片横向水平平铺截图项目64）、.box4{background:url（divcss5-logo.gif）repeat-ycenter}设置图片作为”.box4”的背景，repeat.y垂直从上到下纵向平铺改图片，并且该图片水平^横向居中开始从上到下垂直平铺。项目7对应案例浏览器屮效果截图：项LI8项U10图片作为DIV背景水平居中于DIV盒子内垂直从上到下平铺将图片作芳I用噌景纵面水苹平铺DIVCSS5

4、DIVCSS学习与分享平台DIVCSS5DIVCSS学习与分享平台DIVCSS5DIVCSS学习与分享平台垂肓平铺DIV背景图片案例截图