DreamWeaver如何应用块状标识div?

日期:2021-01-20 类型:科技新闻 

关键词:小程序怎么做,凡科网小程序,微信小程序界面,线上报名小程序,微信小程序页面制作

DreamWeaver制做的的网页页面都可以以分成各个不一样作用的板块,将这些板块融合起来便是1个进行的网页页面。该如何应用块状标识呢?下面大家就看来看详尽的实例教程。

手机软件名字:
Adobe Dreamweaver CC 2017 v17.0 汉语版(附安裝实例教程) 64位
手机软件尺寸:
758MB
升级時间:
2016⑴1-05马上免费下载

1、开启DreamWeaver,新建html文档并储存。

2、在body中键入div标识,div为双标识

3、键入3组div标识,如图所示

4、在head中键入款式标识<style></style>,在款式标识中做div的装饰

5、在style标识中键入div{}大括号内为对div的装饰,必须div甚么样的实际效果,就写出甚么的编码装饰

6、在款式中键入宽、高、情况宽为:width;高:height;   情况为:background-color;以下图所示

7、当键入架构的宽高及情况色调后,开启访问器预览,就会看到3个方形。如图。

8、上图我国3个图型联接在了1起,以便分清3个图型的边框,能够设定外边距margin,例如外边距为10px。

9、开启预览,下面便是加上了外边距后的实际效果图。

以上便是DreamWeaver应用块状标识div的实例教程,期待大伙儿喜爱,请再次关心脚本制作之家。

有关强烈推荐:

DreamWeaver如何设定行内标识?

dreamweaver如何制做各种各样种类的工具栏?

dreamweaver如何制做文字框? dw文字框的两种制做方式