web前端 品优购首页+源代码(2)

目录

• main 首页主体模块制作
• recom 今日推荐模块
• ulike 猜你喜欢模块

main 模块

不再时公共模块,新建一个index.css文件
在该文件中编写css代码

分类部分在nav 导航模块已完成

<!-- main 首页主题模块 -->
		<div class="w">
			<div class="main">
				<div class="focus">
					<img src="upload/main.png" alt="">
				</div>
				<div class="newflash">
					<div class="news">
						<div class="news-hd">
							<h5>品优购快报</h5>
							<div class="more">更多</div>
						</div>
						<div class="news-bd">
							<ul>
								<li><a href="#"><strong>[特惠]</strong>备战开学季 全民半价购数码全民半价购数码</a></li>
								<li><a href="#"><strong>[公告]</strong>备战开学季 全民半价购数码</a></li>
								<li><a href="#"><strong>[特惠]</strong>备战开学季 全民半价购数码</a></li>
								<li><a href="#"><strong>[公告]</strong>备战开学季 全民半价购数码</a></li>
								<li><a href="#"><strong>[特惠]</strong>备战开学季 全民半价购数码</a></li>
							</ul>
						</div>
					</div>
					<div class="lifeservice">
						<ul>
							<li>
								<i></i>
								<p>话费</p>
							</li>
							<li>
								<i></i>
								<p>话费</p>
							</li>
							<li>
								<i></i>
								<p>话费</p>
							<