首页 > Web开发 > 详细

【使用DIV+CSS重写网站首页案例】步骤分析与代码实现

时间:2019-06-02 13:33:34      阅读:115      评论:0      收藏:0      [点我收藏+]

使用DIV+CSS重写网站首页案例

 

 

步骤分析:

 

第一步:先定义一个大的 div(整个页面),然后嵌套 8 个小的 div(共八行);

 

第二步:(第一行)在第一个 div 里面嵌套 3 个小的 div;

 

第三步:(第二行)在小 div 里面写一个列表标签(需要使用 css 的 display 属性的 inline);

 

第四步:(第三行)在小 div 里面放置一张图片

 

第五步:(第四行)在小 div 里面嵌套 2 个 div(在下面的 div 再嵌套 2 个 div,最后在右

 

边的 div 里面嵌套 10 个 div)

技术分享图片

第六步:(第五行)在小 div 里面放置一张广告图片
第七步:(第六行)复制第四行的代码
第八步:(第七行)在小 div 里面放置一张广告图片
第九步:(第八行) 在小 div 里面放置超链接和文字内容。
 
 
代码实现:
* 一般样式设置<style>写在外部css文件
 
 

【使用DIV+CSS重写网站首页案例】步骤分析与代码实现

原文:https://www.cnblogs.com/musecho/p/10962629.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!