如何在Dreamweaver中制作CSS叠层样式

本篇文章为大家展示了如何在Dreamweaver中制作CSS叠层样式，内容简明扼要并且容易理解，绝对能使你眼前一亮，通过这篇文章的详细介绍希望你能有所收获。

创新互联公司从2013年开始，先为叶集等服务建站，叶集等地企业，进行企业商务咨询服务。为叶集企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

1、新建或者导入一个站点。

2、点击窗口，打开CSS样式

如何在Dreamweaver中制作CSS叠层样式

3、在DW窗口的右上角找到CSS样式窗口，切换至CSS样式，然后打开新建css样式

如何在Dreamweaver中制作CSS叠层样式

4、选择器类型选择类，名称要以英文的点（.）开头，再加上字母；位列表置一般选择新建样式

如何在Dreamweaver中制作CSS叠层样式

5、点击确定后，保存位置为默认的位置即可，文件名使用和刚才的名字一样（前面的点不要）

如何在Dreamweaver中制作CSS叠层样式

6、刚才那界面点击保存后，会自动进入这个界面，在这里设置CSS样式即可（可以设置字体大小，样式，边框，过渡等），设置完后点击确定

如何在Dreamweaver中制作CSS叠层样式

7、刚才新建的样式可以在刚才新建的网站的文件夹看到，如需修改其样式，双击taa即可使用代码修改

如何在Dreamweaver中制作CSS叠层样式

8、css样式的使用，在全选要使用该样式的文字（在1或2处选择都可以），然后选择目标规则为taa

如何在Dreamweaver中制作CSS叠层样式

上述内容就是如何在Dreamweaver中制作CSS叠层样式，你们学到知识或技能了吗？如果还想学到更多技能或者丰富自己的知识储备，欢迎关注创新互联行业资讯频道。

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容