dreamweaver 8加入div并设定宽高背景色方法

dreamweaver是一款网页设计软件,可以通过设置按钮和写很少的代码实现想要的页面设计。下面看看怎么加一个div并设定宽度、高度和背景颜色。

操作方法

  • 01

    打开dreamweaver 8软件,然后新建一个html页。如图:

  • 02

    接下来页面插入div标签,选择工具栏“插入DIV标签”按钮,在打开对话框中ID项给这个div命名,我们给它起个名字叫layout(可以根据自己需要写)。 如图:

  • 03

    点击“插入”后,如图,给div起个名,如图:

  • 04

    点“确定”后代码会多出来,如下:

  • 05

    增加样式: 在右边点击css样式的图标

  • 06

    勾选“仅对该文档”,如图:

  • 07

    设置宽高和背景,如图:

  • 08

    点击应用确定即可。

  • 09

    设置背景颜色:

  • 10

    勾选想要的颜色,点应用,确定即可。

  • 11

    整体效果:

(0)

相关推荐

  • wps表格如何快速设置单元格宽高

    wps表格快速设置单元格宽高的方法: 步骤一,鼠标移至工作表左上角呈白色十字形的时候左击就可选中这个工作表(图2示) 步骤二,在任意两列的中间鼠标呈图3所示形状是双击鼠标,就可以有图四的效果 步骤三, ...

  • 怎么设置从pr软件中导出的文件的帧速率和宽高

    当我们从pr软件中导出文件或其他素材的时候,如何设置导出文件的帧速率以及宽高呢?接下来就由小编来告诉大家.具体如下:1. 第一步,打开电脑并在桌面找到PR CC2019图标,双击打开.2. 第二步,进 ...

  • excel单元格调整长宽高的三种设置方法

    excel中常会发生单元格无法完全显示所有元素的情况,这个时候我们需要调节单元格的长宽高,以下举例说明. 1.首先我们打开一个样表作为例子. 2.我对该表进行一些修改,可以看到有些单元格无法完全显示文 ...

  • 手机wps软件表格中的表格宽高怎么调整

    有的小伙伴在手机上使用WPS软件的表格时,想要调整表格宽高,但是却不知道如何进行调整,那么小编就来为大家介绍一下吧.具体如下:1. 第一步,点击并打开WPS软件,接着打开打开表格.2. 第二步,来到表 ...

  • 手机WPS软件中单元格的宽高怎么调整

    有的小伙伴在手机上使用WPS软件时,因为某些需求,需要调整单元格的宽高,但是却不知道怎么进行调整,那么小编就来为大家介绍一下吧.具体如下:1. 第一步,点击并打开WPS文档软件.2. 第二步,点击页面 ...

  • WPS表格怎么设置单元格宽高

    WPS表格怎么设置单元格宽高 操作方法 01 打开需要编辑的表格文件,将需要编辑的表格选中 02 然后在开始菜单栏下找到-行和列选项栏,点击打开 03 在打开的下拉菜单中,可以找到行高行宽属性设置 0 ...

  • 怎样自定义ppt幻灯片的宽高尺寸大小和纵横方向

    很多情况下ppt的默认尺寸并不能满足自己的需要,那该怎样自定义ppt幻灯片的宽高尺寸大小和纵横方向呢? 操作方法 01 打开ppt 02 点击设置 标签 03 点击右侧的自定义 04 再点击幻灯片大小 ...

  • 快速调整Excel中的行高与列宽的多种方法

    在用Excel工作表进行数据统计的时候,为了使显现的内容更加美观和具体,我们经常要根据内容对行高.列宽进行调整,下面小编就分享几种调整行高与列宽的多种方法. 操作方法 01 手动调整行高和列宽.我们将 ...

  • 通过长方体的长宽高,求长方体体积及三个侧面积

    输入长方体的长宽高,用C语言编程求解长方体的面积及三个侧面的侧面积,下面详细介绍. 操作方法 01 新建一个工程和.c文件 02 输入头文件和主函数,并且定义全局变量 03 输入长.宽.高 04 调用 ...