如何使用css控制div

div是html中的块级元素,而css是样式,通过css样式可以对div进行布局。

操作方法

  • 01

    打开Dreamweaver软件,新建一个html页面,保存成为html。

  • 02

    在body中进行书写,先写div如图,我写三个div板块

  • 03

    用css对div进行控制,一种方式是直接使用内联样式,也就是直接在html中的style中进行书写div的css样式。如图:

  • 04

    保存,运行,测试效果,在chrome浏览器中打开,如图:

方法/步骤2

  • 01

    用css对div进行控制,一种方式是直接使用外部样式,然后引入。新建一个css样式,保存为style.css。在style.css中书写css样式,如图:

  • 02

    保存,运行,测试效果,在chrome中打开。如图:

(0)

相关推荐

  • CSS控制文本自动换行

    做网页的时候,我们很经常碰到文本的显示,通常来说,文本太长就会很难看.在这里,我们可以用CSS控制文本自动换行.下面是几种强制文本华航的方法. 操作方法 01 方法一:你定死表格的宽度,即给表格一个宽 ...

  • 如何用CSS设置DIV边框透明

    如何实现用CSS设置DIV边框为透明呢?我们来看一看. 操作方法 01 透明一般认为是一种颜色属性,但是并没有这个数值.我们找到了一种让div实现透明的最佳方案,运用RGBA 02 RGBA在RGB的 ...

  • 使用CSS设置div水平居中

    在网页编辑中,我们常常使用div来进行网页的布局.但是如何使div水平居中呢?我认为这一种方法比较于其他的方法更好用一些(个人建议). 准备工作 01 打开sublime text3,并且新建一个ht ...

  • css设置div在网页中垂直居中

    css设置div在网页中垂直居中方法很多,这是本人常用的方法 我们要做一个在网页中垂直水平方向都居中的一个div来作一个如下效果的框 操作方法 01 本实例以新文档开始 02 先放置一个div,并且设 ...

  • JS如何控制DIV的显示和隐藏

    我们进行网页开发的时候,经常需要运用JS去控制某个div的显示或者隐藏.下面小编通过实例教大家如何实现这种功能. 操作方法 01 打开Sublime Text编辑器,新建一个HTML文档,注意一定要设 ...

  • CSS设置DIV背景色渐变显示

    在开发网站的时候通常需要对网站的整体颜色进行修改.下面,我们来看看如何用CSS设置DIV背景色渐变显示吧. 操作方法 01 打开软件 可以使用Dreamweaver或Visual studio软件,比 ...

  • css控制比较div显示/隐藏方法的2种方法

    CSS中的display和visibility css中display和visibility语法,他们都可以隐藏和显示html元素.看齐来他们很相似,所以很多人还是会搞错.谈们的属性分别如下: 操作方 ...

  • css对div设置边框

    前端开发过程中,很多时候需要对一些标签进行边框的设置,那如何使用css设置边框样式呢?css提供了一个用于设置边框属性的border-style,可以通过border-style设置边框的线条样式. ...

  • CSS设置DIV的定位绝对定位和相对定位

    设置DIV或者其他元素在浏览器中显示的位置是HTML布局中重要的一个内用,我们通过合理的布局使得我们的网站美观大方,这里我就来说说如何使用CSS来给div定位. 操作方法 01 首先我不给div定位来 ...