2.web（盒子模型2）
Posted zhaojiayu
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了2.web（盒子模型2）相关的知识，希望对你有一定的参考价值。
一、简单使用fireworks
二、练习案例
1.
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> body,ul,li{ margin:0; padding:0; }/*初始化*/ ul,li{ list-style: none;/*去小圆点*/ } ul{ background-color: #fff; height:279px; width: 210px; margin-left: 10px; padding:0 15px; /*这一步把盒子撑大了。把宽度减了30px*/ } li{ height: 30px; border-bottom:1px dashed #666; line-height: 30px; padding:0 15px; background: url("tb.gif") no-repeat left center; padding-left: 16px; } li a{ text-decoration: none; } .box{ width: 260px; height:327px; border:1px solid #009900; margin:10px auto; background: url(bg.gif); } .box .title{ height:23px; margin:10px 0 5px 10px;/*上右下左*/ border-left:4px solid #C9E143; font:16px 微软雅黑; color:#fff; padding-left: 11px; } </style> </head> <body> <div class="box"> <div class="title">爱宠知识</div> <ul> <li><a href="#">养狗比养猫更健康</a></li> <li><a href="#">养狗比养猫更健康</a></li> <li><a href="#">养狗比养猫更健康</a></li> <li><a href="#">养狗比养猫更健康</a></li> <li><a href="#">养狗比养猫更健康</a></li> <li><a href="#">养狗比养猫更健康</a></li> <li><a href="#">养狗比养猫更健康</a></li> <li><a href="#">养狗比养猫更健康</a></li> <li><a href="#">养狗比养猫更健康</a></li> </ul> </div> </body> </html>
以上是关于2.web（盒子模型2）的主要内容，如果未能解决你的问题，请参考以下文章