50字范文,内容丰富有趣,生活中的好帮手!
50字范文 > border边框由粗到细 borderstyle – CSS – 前端 网页制作css

border边框由粗到细 borderstyle – CSS – 前端 网页制作css

时间:2024-06-22 14:11:48

相关推荐

border边框由粗到细 borderstyle – CSS – 前端 网页制作css

缺省设置值为 Sizable,即窗口可以随意改变大小、最大化、最小化、关闭,窗口边框较宽:

Fixed Single 固定的单边:窗口只有关闭按钮,不能改变大小,窗口边框较窄:

Fixed Dialog 样式与 Fixed Single 类似,与其区别在于:以 Dialog 对话框显示,即只有关闭这个窗口之后,程序中该窗口之下的窗口才能响应用户。

dw中按钮边框怎么写?

一共有四种方法,你看看适合哪一种。

1、表中表。

先插入一个1×1表格,点按“table”标签选中此表,设置其边框为0,边距和间距某一项为1,另一项为0,表格背景设为蓝色,然后在此表中再插入一个表格,设置第二个表格边距、边框、间距都为0,背景色为白色,宽、高与第一个表格相同。

2、先插入一个1×1表格,设置其边距为0,边框为0,间距为1,表格背景色为蓝色,然后点按“td”标签选中此表的单元格,设置单元格的背景色为白色。

3、先插入一个1×1表格,设置其边距为0,边框为1,间距为0,边框为蓝色,然后选中此表,切换到“显示代码和视图状态”,在表格属性代码中插入以下语句:bordercolordark=ffffff。

4、样式法。

插入一个1×1表格,设其边距、边框、间距都为0,然后创建自定义样式,在自定义样式的边框面板中设置边框上、下、左、右的宽均为1个象素,颜色均为蓝色,样式为“实线”;最后选中此表,套用样式。 以上四种方法中,第2、3种方法适合于制作表格外框及单元格都有细边框的表格。

第3、4种方法适合制作背景透明的表格。

html中border可以只设置左右吗?

可以只设置左右两边,让上下两边为空。

这个时候大家就不再通过border这个属性进行设置,而是要通过border的以下两个子属性进行设置:

border-left:1px solid red;表示设置左边框一个px大小,设置为实现,颜色为红色

border-right:1px solid red;表示设置右边框一个px大小,设置为实现,颜色为红色

以上两个写法大家也可以简写成border一个属性,每个属性之间用分号分割。

请问HTML语句中border?

就是 离边框=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代码是这样的:style=”border-left: 1px solid #ffffff”。在单独定义边框线时,若 不给出某个值,那么就取其默认的初始值。在dreamweaver中定义CSS非常方便,不用编写代码;把常用的边框线一次定义好,放在外连式CSS文件 中,要用时调用一下就行了,非常方便。

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

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

style=”border-style:solid; border-width: thin thin thick thick;border-color:#00ff00 #00ff00 #0000ff #0000ff” 。

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

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

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

三、属性值可以定义一个、两个、三个或者四个。如果仅定义一个属性值,则其余三个自动取相同值,如: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属性的灵活应用,可以产生许多特殊效果,方法与上面介绍的相同

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。