javascript设置div边框，设置div边框样式

如何控制DIV的边框

新建一个html文件，创建一个类名为wrap的div。先通过css类选择器选择到div来控制div的宽度和高度和背景颜色（没有边框时方便看出来div的大小）。

可以用border-color属性设置span和div的边框颜色，用background属性控制span和div的背景颜色。

可以在这块的“内嵌样式”的属性把width的值设置成你要的宽度。比如里面table的宽度307px；但是这样一来，这层div就显得多余了。除非你还想加其他内容。

创建div标签html中创建一个div标签，给这个标签添加文字和一个class为了后面方便控制div的样式。设置div的样式接下来在style标签设置div的样式，在solid类中将边框样式设为实线边框，颜色这里用默认的黑色。

border-left：1px solid #000 设置对象左边1px实线黑色边框。border-right：1px solid #000 设置对象右边1px实线黑色边框。border-top：1px solid #000 设置对象上边1px实线黑色边框。

div标签如何让边框显示？div标签默认没有边框，但是可以通过编辑CSS来定义它的边框。border-left：1pxsolid#000设置对象左侧的1px纯黑边框。border-right：1pxsolid#000在对象的右侧设置1px纯黑边框。

相关问答

Q1: css对div设置边框?

CSS边框宽度属性 边框宽度是显示边框的一个重要属性。用法如下：边框宽度：右上下左 参数描述：Top：Topborder属性，可以设置像素或样式，即上边框的宽度。Right：Rightborder属性，可以设置像素或样式，即上边框的宽度。

打开html开发工具，新建一个html代码页面，然后创建一个div标签，并给这个标签添加文字和一个class为了solid。创建div代码：divsolid：定义一个边框/div 设置线条边框。

设置div的样式接下来在style标签设置div的样式，在solid类中将边框样式设为实线边框，颜色这里用默认的黑色。保存html代码保存html代码使用浏览器打开，即可看到浏览器页面上显示一个实线边框。

CSS border-width 属性 border-width是实现显示边框的重要属性。用法如下：border-width：top right bottom left 参数说明：top：上边框属性，可以设置像素，也可以设置样式，意思为上边框的宽度。

div标签默认是不带边框，但是通过编辑CSS可以定义其边框。border-left：1px solid #000 设置对象左边1px实线黑色边框。border-right：1px solid #000 设置对象右边1px实线黑色边框。

div标签默认是不带边框，但是通过编辑CSS可以定义其边框。

Q2: 怎样在dw中给div加边框?

1、首先我们要打开DW编辑工具 进入之后新建一个文件。在从中选择HTML文件，点击创建。这样我们就进入编辑界面了。接下来我们编辑上一个“div”标签，命名为box。在创建一个样式，写上.box{ }。

2、首先，打开Dreamweaver，创建一个新的HTML文件或打开现有的HTML文件。将光标放置在插入div标签的位置。其次，在Dreamweaver的“插入”菜单中，选择“HTML”选项。在“HTML”子菜单中，选择“div”元素。

3、使用Dreamweaver软件，打开一个已经编辑完成的html页面。然后打开折叠的body标签，在标签的末尾添加一个DIV。在DIV里面加入一个img标签，src指向images文件夹中的一张图片。

4、首先我们要打开DW编辑工具。进入之后新建一个文件。在从中选择HTML文件，点击创建。这样我们就进入编辑界面了。接下来我们创建一个“类”就是编辑上一个“div”标签盒子。

Q3: div怎么设置边框

设置div的样式接下来在style标签设置div的样式，在solid类中将边框样式设为实线边框，颜色这里用默认的黑色。保存html代码保存html代码使用浏览器打开，即可看到浏览器页面上显示一个实线边框。

打开html开发工具，新建一个html代码页面，然后创建一个div标签，并给这个标签添加文字和一个class为了solid。创建div代码：divsolid：定义一个边框/div 设置线条边框。

div标签默认没有边框，但是可以通过编辑CSS来定义它的边框。border-left：1pxsolid#000设置对象左侧的1px纯黑边框。border-right：1pxsolid#000在对象的右侧设置1px纯黑边框。

代码解释：border-bottom下边框 border-left 左边框 border-right 右边框 border-top上边框 以border-bottom：solid 1px green为例解释：border简写属性在一个声明设置所有的边框属性。

div标签默认是不带边框，但是通过编辑CSS可以定义其边框。

CSS设置div边框颜色宽度和高度步骤如下：新建一个html文件，创建一个类名为wrap的div。先通过css类选择器选择到div来控制div的宽度和高度和背景颜色（没有边框时方便看出来div的大小）。

Q4: 如何给div加一个border样式?

box-sizing： border-box；border： 2px solid #999；width： 100%默认情况是box-sizing： content-box，在默认情况下定义的width：100%是内容区的宽度，不包括边框的，所以此时设置了边框就会导致总宽度超出100%而换行。

边框样式border-style必须设置 如果我们的四条边框属性都是一样的，那么统一设置就可以啦，注意边框类型不可省略。首先我们放置一个宽高为200px的粉色盒子。

border-right 右边框 border-top上边框 以border-bottom：solid 1px green为例解释：border简写属性在一个声明设置所有的边框属性。可以按顺序设置如下属性：border-width 规定边框的宽度。border-style 规定边框的样式。

下面就一个简单的盒子为例：如图 border这个位置可选border：四边边框，border-top：顶部边框，类似还有border-left/right/button。宽度即为边框宽度。

关于javascript设置div边框和设置div边框样式的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。