html边框线怎么设置 | html边框线怎么设置多个不一样边框

html边框线怎么设置 | html边框线怎么设置多个不一样边框

1. html边框线怎么设置多个不一样边框

你首先建一个空白文本框。

然后我们用鼠标右键双击文本框的边框,在弹出的表单上点击颜色与边框,标签,找到线条,把线条颜色设置为无线条颜色;

然后最关键的一步,标签底部有一个设为新图形默认值,在前面的方框里点一下钩上,就可以了。

2. html中边框边距怎样设置

第一种方法在文字外层编写div设置div的宽高,然后设置div得内边距,第二种方法把文字放到文本标签里,然后设置文本标签的宽高,在设置外边距,这两种方法都可以做到控制文本两边的距离

3. html中边框怎么设置

1、首先新建一个html文件,输入基本的内容,这里设置一个div,并把它的class设置为demo,用浏览器打开看看默认的效果:

2、设置div的样式,这里给div300px的宽度。用border-bottom属性,设置底框为3像素,用实线框,颜色偏红色,设置完成后保存查看效果:

3、继续对边框美化,用box-shadow属性加入阴影效果,4个数值分别为垂直阴影,水平阴影,阴影尺寸,阴影颜色;设置阴影圆角为4em,最后按下crtl+s保存,在左边的浏览器就可以看见边框新的效果了:

4. 边框双线怎么设置html

就是 离边框=1象素 border就是画边框的意思

如果还不够详细

它是CSS的一个属性,用它可以给能确定范围的HTML标记(如TD、DIV等等)画边框,它可以定义边框线的类型、宽度和颜色,利用这个特性,可以制作一些特殊效果。下面将通过实 例来说明其应用技巧。

1、给文本加边框

上面的示例中,给一段文字加了不同的边框,只是为了说明边框线的颜色、粗细是可变的。第一个边框的CSS代码是:style= "border:thin solid red";“border”后面的三个参数的含义是:边框线的宽度是:thin(细线);边框线的类型: solid(实线);边框线的颜色:red(红色)。我们定义边框,实际上就是设定这三个参数值。

边框线的宽度有三个标准值:thin(细线)、medium(中粗线)和thick(粗线),此外,也可以自定义宽度,如:1pt、5px、2cm等。

边框线的类型有九个确定值:none(无边框线)、 dotted(由点组成的虚线)、 dashed(由短线组成的虚线)、 solid (实线)、 double(双线,双线宽度加上它们之间的空白部分的宽度就等于border-width定义的宽度)、 groove(3D沟槽状的边 框)、 ridge(3D脊状的边框)、 inset(3D内嵌边框,颜色较深)、 outset(3D外嵌边框,颜色较浅),注意:如果系统不支持这些 边框的属性值,那么“dotted”、“dashed”、“double”、“groove”、“ridge”、“inset”和“outset”都会被 “solid”代替。

边框线的颜色:可以用十六进制的颜色代码,如#00ffcc。

从上面可以看出,给文本加边框确实很简单,上例中后面那几个边框的设置,我不讲你也明白了吧!在这里告诉你一点小技巧,给一段文本加边框,可 把CSS加在〈P〉标记里;给几段文本加边框,先把那几段文本用DIV标记括起来,再把CSS加在〈DIV〉标记里;若是要给一行文本加几个不同的边框, 则需要把文本放在表格里,再把CSS分别加到〈TD〉标记里。

2、给导航菜单加分隔线

上面这个例子中的小白线,当然可以用图象来做,但我在这里是用CSS的“border”的扩展属性画了边框的一条边,这样代码要少的多。画边框的单边与上例的边框的四条边类似,一个边框的四条边的属性如下:

边框线名称:border-top(上边框线)、border-right(右边框线)、border-bottom(下边框线)和 boder-left(左边框线);每条边框线的类型、宽度和颜色的取值与“boder”属性相同。如本例中要定义每个单元格的左边框线为白色线,线的宽 度为“1px”的实线,则CSS代码是这样的:。在单独定义边框线时,若 不给出某个值,那么就取其默认的初始值。在dreamweaver中定义CSS非常方便,不用编写代码;把常用的边框线一次定义好,放在外连式CSS文件 中,要用时调用一下就行了,非常方便。

3、在一个边框中采用不同宽度和颜色的边框线

在本例中的效果,当然可以用上例中的方法来实现,但那样代码过多,可采用另一种合并的方法,把四条边的属性值分类放在一起,如本例的代码是这样的:

从上面可以看出,我把边框线的类型、宽度和颜色归类在一起定义了,这里请注意几点:

一、四条边框线的位置顺序是:上边框线、右边框线、下边框线、左边框线;

二、我在本例中边框线的类型只取了一种实线类型,实际上四条边也可以分别定义不同的类型;

三、属性值可以定义一个、两个、三个或者四个。如果仅定义一个属性值,则其余三个自动取相同值,如:border-style:solid与 border-style:solid solid solid solid的效果完全一样;如果仅给出两个或三个值,那么缺失边的属性值将取与对边相同 的值。如:boder-width:thin thick与border-width:thin thick thin thick效果相同, border-width:1px 2px 3px与border-width:1px 2px 3px 2px的效果相同。

Border属性的灵活应用,可以产生许多特殊效果,方法与上面介绍的相同

5. html加一个边框

html把两端文字框起来,使用同一个div,在这个div中写入两个p标签,输入两端文字内容,css作用在div上,添加边框信息就可以把文字给框起来。

6. 全部边框设置为双线样式

1、以excel2010版本为例,如下图,全选该表格后,点击鼠标右键,在弹出框里选择“设置单元格式”;

2、在弹出的设置框里,点击边框一栏,预置选择“外边框”,线条样式选择“双实线”,边框则分别点击外边框的四条线,最后点击下面的确定;

3、如下图,则可将表格的外边框设置为双实线了。

7. html在默认情况下有边框

input{ border:none; }或者input{ border:0; },两种写法都可以设置input无边框效果。

方法1:

<input type=text value=swerwdfwe style="border-style:none">

方法2:

给input设置border:none;但在iE6下不行,还有边。应该将 border:none; 换成border:0; 这是ie6 的兼容性问题

两种写法都可以设置input无边框效果。

8. html内边框和外边框怎么设置

打开一个html代码页面,创建一个div标签。

使用css设置背景图片边框为2px的虚线边框

保存html代码后使用浏览器打开,即可看到div标签上显示了一个虚线的边框

css设置边框的方法:1、在一个border简写属性设置边框;2、按照【border-width】、【border-style】、【border-color】属性顺序依次设置边框样式。

9. html中怎么设置边框

可以使用css属性border进行设置啊。也可以单独设置一边border-bottom等。

10. 怎么设置不同的边框线

打开需要操作的WORD文档,点击表格任意区域,是指处于标记状态,然后再工具栏找到并点击“笔颜色”,在下拉选项中选择需要设置的框线颜色。

2、选中整个表格,然后点击工具栏“边框”后面的倒三角按钮。

3、在弹出的下拉选项中,根据需要点击“外部框线”或者“内部框线”即可将表格内外框线颜色设置为不同。

4、返回主文档,发现word表格的外边框线和内边框线设置成不同的颜色操作完成

11. 怎么设置不同的边框

1、首先找到桌面上的Word文档, 并将这一份word文档,点击打开它。

2、打开来之后,选中需要设置的表格,单击右键,选择边框和底纹。

3、进入边框和底纹之后,切换到边框页,在样式里面选择双实线后点击确定。

4、接着在样式里面找到双实线。

5、选择好了之后,点击下方的确定,这样就设置完成了。

tag:边框设置边距默认多个

相关内容