网页中如何制作项目列表

2024-10-14 16:01:00

1、启动dreamweaver cs5,执行文件-新建命令,在弹出新建文档对话框中选择html后,点击创建按钮,进入主界面。

网页中如何制作项目列表

3、接着在标题标签下方输入代码为:<style type="text/css">.cr{width:60%; height:400px;margin:auto; margin-top:60px; border:solid 1px #fcc;}</style>定义一个新的类,可以根据自己的实际设计进行设置参数。

网页中如何制作项目列表

5、重新回到<style>标签里定义项目列表样式,并输入代码为:#cd ul{ list-style:none; margin:0px; padding:8px 25px 18px 25px; height:10px;}#rq1{ width:100px; height:20px; float:right;}

网页中如何制作项目列表

7、重复步骤六,采用同样的方法建立14个<li></li>标签,并且输入不同的文字信息内容。

网页中如何制作项目列表

9、通过效果查看判定自己是否满意,如果不满意可以再次进行修改相关代码,比方说整体框架太大,就可以修改cr中width数值就可以,直至自己满意为止。

网页中如何制作项目列表
猜你喜欢