标签：图片 制作 定位 css 学习 方法 div 背景图片 基本
今日，清明节虽已过去，但雨季却悄悄降临，学习课程则是根据主网页来进行后续网页的设计。由于一个网页头部和尾部基本上保持不变，因而主次网页也就只在内容上区别开来，所以次网页制作也就相对较为简单。但在制作过程中以及老师讲解过程中，都出现了文字与图片对齐的问题。老师对我们提出要求：用三种方法解决此问题；一是插入图片，然后定位文字，二是用vertical-align命令，三是将图片作为背景图片插入，然后定位文字。我针对以上方法都进行了验证，发现都行得通。以下是其中第一种方法之代码：
html:
<body>
<div class="popular_product">
<img src="images/content_popular_product.jpg"/><P>热门产品</P>
</div>
</body>
css:
.popular_product p{font-size:21px;
font-weight:100;
padding-top:10px;}
.popular_product img{float:left;}
标签：图片 制作 定位 css 学习 方法 div 背景图片 基本
原文地址：http://www.cnblogs.com/echomk-lee/p/6671140.html
