网页中如何制作项目列表

2025-05-04 19:28:46

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数值就可以,直至自己满意为止。

网页中如何制作项目列表
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢