网页设计制作教程《四》

 时间:2024-10-12 18:30:33

1、先定义左部分div

网页设计制作教程《四》

2、假设左部分有两块,就嵌套两个div

网页设计制作教程《四》

3、标题栏目,左边显示标题名称,右边显示点击更多

网页设计制作教程《四》

4、第一块标题下面为文字列表,所以添加一个ul li 列表

网页设计制作教程《四》

5、左部分第一块html已经定义好了...下面定义第二块,同样第二块有一个标题...所以把第一个上面的left_t复制过去

网页设计制作教程《四》

6、第二块标题下面为图文列表,这里用dt dl dd

网页设计制作教程《四》

7、这样的话,Html 已经定义好了...

网页设计制作教程《四》

8、下面定义CSS,左部分宽250,高度750,背景#f5f5f5,边框1个颜色#ddd

网页设计制作教程《四》

9、标题头部高32,背景#ccc,行高32,H3 左边浮动 span 右边浮动

网页设计制作教程《四》

10、第一块列表,行高20,上下边距5px,列表样式无,A链接颜色#333,下划线无,鼠标经过下划线有

网页设计制作教程《四》

11、第二块图文,图片离左边右边各23px,图片标题居中显示,上边距5px,标题颜色#333,下磷挎菪闲划线无,鼠标经过有下划线

网页设计制作教程《四》

12、css基本上定义好了...看效果

网页设计制作教程《四》

13、基本上定义好了...具体的颜色还有图片根据个人喜欢,自己进行设置...

  • dreamweaver怎么新建网页
  • Dreamweaver CS3如何创建表单域
  • jquery怎么让一个div渐渐显示出来
  • 秋冬必备保湿修护面敏感肌救星!
  • 个人信息编辑页面利用table表格
  • 热门搜索
    水表怎么看图解 如何买二手车 甲亢如何治疗 斐济旅游攻略 2分之一怎么打 做美容行业怎么样 宁波工程学院怎么样 如何给宝宝断奶 如何推销产品 如何避孕