利用Dreamweaver CS6在html中插入css的样式

 时间:2026-02-14 12:28:21

1、首先,打开Dreamweaver CS6,新建一个css文档,选中“css”,点击确定按钮。

利用Dreamweaver CS6在html中插入css的样式

2、将设计好的css样式放入该页面。

利用Dreamweaver CS6在html中插入css的样式

3、点击左上方的“文件”,选择“另存为”,将文件放到桌面,并重命名。这里命名为css。

利用Dreamweaver CS6在html中插入css的样式

4、再点击左上方的“文件”,新建一个“html”。

利用Dreamweaver CS6在html中插入css的样式

5、将设计好的网页格式输入<body>

                                   </body>中。

利用Dreamweaver CS6在html中插入css的样式

6、找到右下角这个链接的小图标,选中。

利用Dreamweaver CS6在html中插入css的样式

7、出现链接页面,点击后面的“浏览”按钮。

利用Dreamweaver CS6在html中插入css的样式

8、找到刚刚存放css的地方,这里存放的地方是桌面。点击“确定”按钮。

利用Dreamweaver CS6在html中插入css的样式

9、会出现如下页面。

有源代码与css,就证明你已经完成css的插入啦!

利用Dreamweaver CS6在html中插入css的样式

10、最后一步,把做好的html保存在需要存放的位置,防止数据丢失。

  • Dreamweaver的表单中如何添加复选框控件
  • Dreamweaver怎么重置设计自定义页面布局
  • Dreamweaver怎么制作单选题
  • Dreamweaver文档中如何插入Div标签?
  • Dreamweaver学习:[13]网页设置链接样式
  • 热门搜索
    儿童节手抄报内容大全 少年中国说手抄报 缅怀先烈手抄报大全 关于热爱祖国的手抄报 51手抄报 我阅读我快乐手抄报 科学家的故事手抄报 纪念英雄手抄报 弘扬民族精神手抄报 感恩老师手抄报句子