《CSS+DIV网页布局技术教程》课外阅读3.docVIP

下载本文档

1
0
约小于1千字
约 3页
2017-06-18 发布于浙江
举报
版权申诉

《CSS+DIV网页布局技术教程》课外阅读3.doc

1、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。。
2、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击这里二次下载。
3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
4、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
5、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
6、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
7、VIP文档为合作方或网友上传，每下载1次，网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档

DIV+CSS案例关键解释 1）、.box1{background:url(divcss5-logo.gif)} 设置图片作为”.box1”的背景，只使用了background引人图片作为背景，没有设置其它值，代表此图片作为背景后任意方向平铺整个对象背景。对应案例浏览器中效果截图：背景图片完全平铺满DIV截图 2）、.box2{background:url(divcss5-logo.gif) no-repeat 10px center} 设置图片作为”.box2”的背景，no-repeat不平铺重复显示，并设置此图片作为背景后距离对象左边10px，垂直居中（上下居中）显示该图片。对应案例浏览器中效果截图：图片不重复作为DIV背景图片截图 3）、.box3{background:url(divcss5-logo.gif) repeat-x 0 30px} 设置图片作为”.box3”的背景，repeat-x水平横向平铺该图片，并且距离对象左边为0px间距，距离对象上间距30px开始水平横向平铺。对应案例浏览器中效果截图：图片作为DIV背景图片横向水平平铺截图 4）、.box4{background:url(divcss5-logo.gif) repeat-y center} 设置图片作为”.box4”的背景，repeat-y垂直从上到下纵向平铺改图片，并且该图片水平横向居中开始从上到下垂直平铺。对应案例浏览器中效果截图：垂直平铺DIV背景图片案例截图 1 35 工学结合创新教程 CSS+DIV网页布局技术教程项目1 项目2 项目3 项目4 项目5 项目9 项目8 项目6 项目7 项目10