html边框厚度（html边框宽度怎么设置）

今天给各位分享html边框厚度的知识，其中也会对html边框宽度怎么设置进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

微信号：cloud7591
如需了解更多，欢迎添加客服微信咨询。
复制微信号

本文目录一览：

• 1、如何在html单元格中插入表格并铺满单元格
• 2、HTML语言的全部解释
• 3、html中框架(frame)的详细使用方法
• 4、HTML中的问题：div.stlye.left和div.offsetleft,div.clientleft这三个是什么意思，有什么区别？如下图
• 5、HTML table元素是什么意思？ border="1"这个属性和值分别是什么意思？

如何在html单元格中插入表格并铺满单元格

把表格的“填充、间距、边框”三项设置为0就行了

如果要有边框，就把间距改为1，如果要边框有颜色，如黑色，就把表格的背景色填充为黑色，把单元格背景色填充为白色。

表格背景色可以在table标签里加style="background:#000"；单元格背景色直接选中单元格在软件里可以调置。可以同时选中所有单元格

而且你这个表格完全不用这么复杂，可以用一个表格搞定的

HTML语言的全部解释

! - - ... - - 注解

! 跑马灯

marquee.../marquee普通卷动

marquee behavior=slide.../marquee滑动

marquee behavior=scroll.../marquee预设卷动

marquee behavior=alternate.../marquee来回卷动

marquee direction=down.../marquee向下卷动

marquee direction=up.../marquee向上卷动

marquee direction=right/marquee向右卷动

marquee direction=’left’/marquee向左卷动

marquee loop=2.../marquee卷动次数

marquee width=180.../marquee设定宽度

marquee height=30.../marquee设定高度

marquee bgcolor=FF0000.../marquee设定背景颜色

marquee scrollamount=30.../marquee设定滚动速度

marquee scrolldelay=300.../marquee设定卷动时间

marquee onmouseover="this.stop()".../marquee鼠标经过上面时停止滚动

marquee onmouseover="this.start()".../marquee鼠标离开时开始滚动

!字体效果

h1.../h1标题字(最大)

h6.../h6标题字(最小)

b.../b粗体字

strong.../strong粗体字(强调) （同上效果略同）

i.../i斜体字

em.../em斜体字(强调)

dfn.../dfn斜体字(表示定义)

u.../u底线

ins.../ins底线(表示插入文字)

strike.../strike横线

s.../s删除线

del.../del删除线(表示删除)

kbd.../kbd键盘文字

tt.../tt 打字体

xmp.../xmp固定宽度字体(在文件中空白、换行、定位功能有效)

plaintext.../plaintext固定宽度字体(不执行标记符号)

listing.../listing 固定宽度小字体

font color=00ff00.../font字体颜色

font size=1.../font最小字体

font style =’font-size:100 px’.../font无限增大

!区断标记

hr水平线

hr size=’9’水平线(设定大小)

hr width=’80%’水平线(设定宽度)

hr color=’ff0000’水平线(设定颜色)

br(换行)

nobr.../nobr水域(不换行)

p.../p水域(段落)

center.../center置中

!连结格式

base href=位址(预设好连结路径)

a href=位址/a外部连结

a href=位址 target=’_blank’/a外部连结(另开新视窗)

a href=位址 target=’_top’/a外部连结(全视窗连结)

a href=位址 target=’页框名’/a外部连结(在指定页框连结)

!贴图/音乐

img src=图片位址贴图

img src=图片位址 width=’180’设定图片宽度

img src=图片位址 height=’30’设定图片高度

img src=图片位址 alt=’提示文字’设定图片提示文字

img src=图片位址’ border=’1’设定图片边框

bgsound src=MID音乐档位址背景音乐设定

!表格语法

table aling=left.../table表格位置,置左

table aling=center.../table表格位置,置中

table background=图片路径.../table背景图片的URL=就是路径网址

table border=边框大小.../table设定表格边框大小(使用数字)

table bgcolor=颜色码.../table设定表格的背景颜色

table borderclor=颜色码.../table设定表格边框的颜色

table borderclordark=颜色码.../table设定表格暗边框的颜色

table borderclorlight=颜色码.../table设定表格亮边框的颜色

table cellpadding=参数.../table指定内容与格线之间的间距(使用数字)

table cellspacing=参数.../table指定格线与格线之间的距离(使用数字)

table cols=参数.../table指定表格的栏数

table frame=参数.../table设定表格外框线的显示方式

table width=宽度.../table指定表格的宽度大小(使用数字)

table height=高度.../table指定表格的高度大小(使用数字)

td colspan=参数.../td指定储存格合并栏的栏数(使用数字)

td rowspan=参数.../td指定储存格合并列的列数(使用数字)

!分割视窗

frameset cols="20%,*"左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整

frameset rows="20%,*"上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整

frameset cols="20%,*"分割左右两个框架

frameset cols="20%,*,20%"分割左中右三个框架

分割上下两个框架

frameset rows="20%,*,20%"分割上中下三个框架

! - - ... - - 注解

A HREF TARGET 指定超连结的分割视窗

A HREF=#锚的名称 指定锚名称的超连结

A HREF 指定超连结

A NAME=锚的名称 被连结点的名称

ADDRESS..../ADDRESS 用来显示电子邮箱地址

B 粗体字

BASE TARGET 指定超连结的分割视窗

BASEFONT SIZE 更改预设字形大小

BGSOUND SRC 加入背景音乐

BIG 显示大字体

BLINK 闪烁的文字

BODY TEXT LINK VLINK 设定文字颜色

BODY 显示本文

BR 换行

CAPTION ALIGN 设定表格标题位置

CAPTION.../CAPTION 为表格加上标题

CENTER 向中对齐

CITE...CITE 用於引经据典的文字

CODE.../CODE 用於列出一段程式码

COMMENT.../COMMENT 加上注解

DD 设定定义列表的项目解说

DFN.../DFN 显示"定义"文字

DIR.../DIR 列表文字标签

DL.../DL 设定定义列表的标签

DT 设定定义列表的项目

EM 强调之用

FONT FACE 任意指定所用的字形

FONT SIZE 设定字体大小

FORM ACTION 设定户动式表单的处理方式

FORM METHOD 设定户动式表单之资料传送方式

FRame MARGINHEIGHT 设定视窗的上下边界

FRame MARGINWIDTH 设定视窗的左右边界

FRame NAME 为分割视窗命名

FRame NORESIZE 锁住分割视窗的大小

FRame SCROLLING 设定分割视窗的卷轴

FRame SRC 将HTML档加入视窗

FRameSET COLS 将视窗分割成左右的子视窗

FRameSET ROWS 将视窗分割成上下的子视窗

FRameSET.../FRameSET 划分分割视窗

H1~H6 设定文字大小

HEAD 标示文件资讯

HR 加上分格线

HTML 文件的开始与结束

I 斜体字

IMG ALIGN 调整图形影像的位置

IMG ALT 为你的图形影像加注

IMG DYNSRC LOOP 加入影片

IMG HEIGHT WIDTH 插入图片并预设图形大小

IMG HSPACE 插入图片并预设图形的左右边界

IMG LOWSRC 预载图片功能

IMG SRC BORDER 设定图片边界

IMG SRC 插入图片

IMG VSPACE 插入图片并预设图形的上下边界

INPUT TYPE NAME value 在表单中加入输入栏位

ISINDEX 定义查询用表单

KBD.../KBD 表示使用者输入文字

LI TYPE.../LI 列表的项目 ( 可指定符号 )

MARQUEE 跑马灯效果

MENU.../MENU 条列文字标签

meta NAME="REFRESH" CONTENT URL 自动更新文件内容

MULTIPLE 可同时选择多项的列表栏

NOFRame 定义不出现分割视窗的文字

OL.../OL 有序号的列表

OPTION 定义表单中列表栏的项目

P ALIGN 设定对齐方向

P 分段

PERSON.../PERSON 显示人名

PRE 使用原有排列

SAMP.../SAMP 用於引用字

select .../select 在表单中定义列表栏

SMALL 显示小字体

STRIKE 文字加横线

STRONG 用於加强语气

SUB 下标字

SUP 上标字

TABLE BORDER=n 调整表格的宽线高度

TABLE CELLPADDING 调整资料栏位之边界

TABLE CELLSPACING 调整表格线的宽度

TABLE HEIGHT 调整表格的高度

TABLE WIDTH 调整表格的宽度

TABLE.../TABLE 产生表格的标签

TD ALIGN 调整表格栏位之左右对齐

TD BGCOLOR 设定表格栏位之背景颜色

TD COLSPAN ROWSPAN 表格栏位的合并

TD NOWRAP 设定表格栏位不换行

TD VALIGN 调整表格栏位之上下对齐

TD WIDTH 调整表格栏位宽度

TD.../TD 定义表格的资料栏位

TEXTAREA NAME ROWS COLS 表单中加入多少列的文字输入栏

TEXTAREA WRAP 决定文字输入栏是自动否换行

TH.../TH 定义表格的标头栏位

TITLE 文件标题

TR.../TR 定义表格美一行

TT 打字机字体

U 文字加底线

UL TYPE.../UL 无序号的列表 ( 可指定符号 )

var.../var 用於显示变数

BlockQuotc文本缩进

表示颜色的有三种方式；

1，16进制颜色代码

语法：#RRGGBB

例：font color="#ff0000"红色/font

2，10进制RGB码

语法：RGB（RRR，GGG，BBB）

例：font color="rgb(255,000,000)"红色/font

3,直接用颜色的英文名称

例：font color="red"红色/font

body...../body属性可分为三种：

1，背景属性

包括：bgcolor,background

2,文字属性：

包括：text,link,alink,vlink,

3,留白属性：

其中分为：leftmargin,topmargin

.bgcolor背景色

语法格式：body bgcolor="#ff0000"

.background背景图案。

语法格式：body background="url"

.text文本颜色（非连接文字颜色）

.link连接文字颜色（可连接文字颜色）

.alink活动连接文字颜色（正被点击的可连接文字的颜色）

.vlink已访问连接文字颜色）（已经点击访问过的可连接文字的颜色）

语法格式：body text="color" link="color" alink="color" vlink="color"

.leftmargin 页面左侧的留白距离

.topmargin 页面顶部的留白距离

语法格式：body leftmargin="value" topmargin="value"

注：value为长度值为数字

align 属性

语法：h2 align="?"文字/h2

其属性有三种：left靠左,center居中,right靠右

〈p〉/p为段落标记，可利用以上属性对整个段落进行设置

〈br为换行标记

nobr/nobr为不换行标记 放在文字两边即可

例：body

h3江南逢李龟年/h3

p歧王宅里寻常见br

催九堂前几度闻br

正是江南好风景br

落花时节又逢君/p

/body

预格式化：

pre....../pre 浏览是效果和编写是效果格式一样

列表分为

1无序列表又称符号列表

语法格式：

ul type=""type的属性可选直disc实心圆点,clrcle空心圆点,square实心方框

li文字/li

li文字/li

/ul

2有序列表

语法格式：

ol type="?" start"?"

li文字/li

li文字/li

/ol

type的值是编号字符可选的有1...,a...,A...,i... ,I...

start为起始值例：如果start为3是那么将从3开始，而且必须是数字。

3定义列表

dl定义列表标记

dt标示定义条目

dd标示定义内容

语法格式：

dl

dt文字/dt

dd文字内容/dd

/dl

连接和图像

语法格式：

a href="url" name="?" target="?" title="?"..../a

属性：href 连接目标 值可以是url地址也可以是连接锚点

a href="url".../a或者

a href="锚点".../a

name 连接名称

语法格式：a name="锚点名称".../a

例：a name="abcdcf".../a

连接到该锚点的连接则应是：

a name="#abcdef"..../a

target目标窗口

语法格式：

a href="url" target="_blank|_self|_farent|_top|windowname"..../a

-blank打开新窗口

_self当前窗口打开

一下两个仅在框架叶面中应用

_parent当前窗口的父级窗口（上一级）打开

_top在最高一级的窗口打开

windowname已命名的窗口或框架中打开连接

title连接提示

a href="" title="打开狂人部落的首页"狂人部落/a

图像img

语法格式：img src="url" alt="?" width="?" height="?" border="?" align="?"

border属性定义图片边框的宽度，默认值为0

align属性设置图片旁边文字的位置

语法格式：img src="" align""

可选值有：

top图片和文字顶部对齐

middle图片和文字居中对齐

bottom图片和文字底边对齐（默认）

left图片居左对齐，文字沿图片绕排

right图片居右对齐，文字沿图片绕排

absmiddle图片对齐到目前文字行绝对中央

absbottom图片对齐到目前文字行绝对底部

文字的排版

不换行空白标记nbsp

font元素

语法格式：

font face="字体名称" size="字体大小" color="字体颜色"

字体大小可选值为1——7，默认为3

例：〈font face="黑体" size="4" color="#ff00ff"..../font

水平线hr

语法格式：hr width="宽度" align="对齐方式默认居中center" size="水平线厚度默认为2" color="颜色" noshade

noshade无阴影，既实线

层〈divspan两种元素

div是块级元素，和段落元素p相似，不同的是两个div元素之间不会产生两个p元素之间的空行，

span是行内元素，可以定义段落中部分文字的属性

语法格式：

div align="" style="".../div

align设置层中元素的水平对齐方式

stule设置元素应用css规范的属性

div兼容性比span要好一点，最好使用div

表格

语法格式：

table width="" bgcolor="" background="" border="" cellspacing="" cellpadding=""

tr...td..../td..../tr

/table

border边框宽度默认值为0，既没有边框

cellspacing表格中单元格的边距大小，默认值为两个像素

cellpadding表格中单元格之间的间距大小，默认值为两个像素

tr元素

语法格式：

tr align="" bgcolor=""..../tr

align属性对齐方式可选值如下：left,center,tight,默认为left

bgcolor指定该行的背景颜色

td元素

语法格式：

td width="宽度" height="高度" align="水平对齐方式" valign="垂直对齐方式" bgcolor="" background="" rowspan="单元格的行跨度" colapan="单元格的列跨度"...../td

align属性的可选值有：left,center,right

valign属性的可选值有：top,middle,bottom

rowspan和colapan跨行和跨列的数量，默认为1

框架

frameset/framset框架组标记

frame/frame框架标记

语法格式：

frameset

frame/frame

frame/frame

/franeset

frameset/frameset元素（双标签）

语法格式：

frameset cols="" rows="" frameborder="" border="" framespacing=""

.......

/frameset

属性：

cols 垂直切割窗口（如左右分割两个窗口）接受整数值，百分数，*（*代表占用余下空间）数值的个数代表分成的部分数目，要以逗号分隔。例：cols="30,*,50%"可以 切成三个视窗，第一部分是30像素（pixels）为绝对分割，第二部分是当分配完第一和第三视图后剩下的空间，第三部分则占整个窗口的50%宽度，为相对分割。

rows 就是横向切割，将窗口上下分开，数值设置同上。

以上两属性尽量不要在同一个frameset标记中，因为王井（netscape）不支持，尽量采用多重分割。

frameborder 设置框架的边框，其值有0不要边框，1要边框。

border 设置框架边框厚度

framespacing 表示框架与框架间保留空白的距离

frame 元素（单标签）

语法格式：

frame name="" src="url" scrolling="yes/no" noresize

属性：

name 框架名称，指定框架来做连接的目标窗口。

src 框架中要显示的网页文当url地址，每个个框架要对应一个html文挡。

scrolling 是否显示滚动条，yes/no,auto是自动。

noresize 设置不让使用者改变这个框架的大小，

noframe元素

指定当使用了框架的页面在不支持框架的浏览器中打开时显示的信息

语法格式：

noframe

......

/noframe

表单form/form

语法格式：

form action="url" method="get/post"

....

input type=submitinput type=reset

/form

method有两种提交方式get,post

action 是指明处理该表单的程序位置，这样表单所填的资料才能传给cgi做处里，可设定此参数为action="mailto:lwr8494@163.com" 这样此表单所填的资料将会发送到这个邮箱地址。

method 是指传送信息给cgi等网络程序的方式。可选post方法， get方法，post方法容许传送大量信息。get方法只接受低于1k的信息。

申请表单用的是post搜索引擎用的是get

input元素

语法格式：input type=""

type属性的可选值有：

text 单行文本框

属性：name 文本框名称

value 文本框的初始值

size 文本框的长度

maxlength 可输入字符串最大的长度

radio 单选框

属性：name 单选框名称

value 内部值

checked 默认选定

checkbox 复选框

属性：name 复选框名称

value 内部值

checked 默认选定

reset 重置按钮

submit 确定按钮

属性：name 按钮名称

value 显示在按钮上的文字

password 密码框

属性与文本框的属性完全相同

file 文件域

属性：name文件域名称

size 文件域的长度

maxlength 文件域可接受的字符数量的上限

hidden 隐藏域

属性：name 隐藏域名称

value 内定值

image 图片域

属性：name 所要代表的按钮，可以是submit,reset,或其他.

src 按钮图片的url 地址

列表框select

语法格式：

select

.....

option..../option

.....

/select

select元素

语法格式：select name="" size=""multiple/select

name 指定列表框的名字

size 指定列表框显示列表项的条数，如果指定了该参数，select元素是个列表，否则是一个下拉列表框

multiple 指定了这个参数，则表示该列表框可选择多项，否则只可选择一项

option属性

语法格式：option value="" selected/option

value 该列表项的值

selected 如果设定了这个参数，默认为选定这一项

多行文本框textarea

textarea name="" cols="" rows="" wrap="off/physical/virtual"/textarea

属性：

name文本框的名称

cols文本框的宽度

rows文本框的高度

wrap文本框的折行方式可选值有：

off不保存换行信息

physical强迫浏览器在发送信息到web服务器端时必须将多行文本框的文字一行一行的送出，

virtual送出连续成串的字除非使用者按回车。

css 层叠样式表

引入层叠样式表的方法包括：

1，外联式样式表

2，内嵌样式表

3，元素内定

4，导入样式表

外联式样式表

例：head

link rel="stylesheet" href="/css/default.css"

/head

body

....

/body

/html

属性：rel 用来说明link元素在这里要完成的任务是连接一个独立的css文件。而href属性给出了所要连接css文件的url地址

内嵌式样式表：

例：html

head

style type="text/css"

!--

td{font:9pt;color:red}

.font105{font:10.5pt;color:blue}

--

/style

/head

body..../body

/html

元素内定

格式：p style="font-size:10.5pt"

导入式样式表

〈html

head

style type="text/css"

!--

@import url(css/home.css);

--

/style

body

....

/body

/html

css的优先级

越接近目标的样式定义优先级越高，高优先级样式将继承低优先级样式的未重叠定义但覆盖重叠的定义

如果4种样式表对同一元素定义了不同的样式，那么他们的优先级顺序从高到低是，元素内定，内嵌样式表，导入样式表，外联样式表。

css结构

例：td{font-size:10.5pt;color:#666666}

css样式包含两个基础部分，

选择符td和声明{font-size:10.5pt;color:#666666}

声明也有两部分组成：

属性font-size,color和值10.5pt,#666666

选择符分为6种

1元素选择符

当页面上多个元素的样式相同时，可以将多个元素放在一起定义，中间以逗号分开 例：td,p,li,input,select{font-size:12px;}

2class(类)选择符

例：〈head

title...../title

style type="text/css"

!--

.red{font-size:10.5pt;color:#ff0000}

--

/style

/head

body bgcolor="#ffffff"

p class="red"士大夫井冈山地方官/p

p九连环离开计划/p

/body

还有一种方法就是限定可以应用它的页面元素

例：〈head

title...../title

style type="text/css"

!--

h1.red{color:#ff0000}

--

/style

/head

body bgcolor="#ffffff"

p class="red"士大夫井冈山地方官/p

h1 class="red"九连环离开计划/h1

/body

3 id选择符

与class选择附类似，只是把'.'换成'#'

例：body

head

style type="text/css"

!--

#select{font-size:18px;color:#0000ff}

--

/style

/head

body

table width="250" border="1" height="50"

tr

td align="center" id="select"id选择符/td

/tr

/table

/body

/html

我们看到在调用ID选择附时与CLASS选择附类似，只是将class=""换成了id=""，方便页面脚本语言的调用

4 关联选择符

body

head

style type="text/css"

!--

td p{font-size:18px;color:#0000ff}

--

/style

/head

body

table width="250" border="1" height="50"

tr

td align="center"p关联选择符/p/td

/tr

/table

p关联选择符/p

/body

/html

我们设定了在元素中td的元素p所包含文字的样式，只有在两个条件都满足是，样式在会起作用，

5伪类选择符

是只能用在css选择符里，而不能用在html代码中的选择符

例：

〈html

head

style type="text/css"

!--

a:link{color:#000000}

a:visited{color:#cccccc}

a:hover{color:#ff0000}

a:active{color:#ooooff}

--

/style

/head

body

pa href="#"关联选择符/ap

pa href="#"关联选择符/ap

pa href="#"关联选择符/ap

pa href="#"关联选择符/ap

〈/body

/html

正确的顺序是a:link\a:visited\a:hover否则会引起页面上连接颜色混乱

6伪元素选择符

与伪类选择符定义类似，目前被大多数浏览器支持的有两个：首行伪元素（first-line）和首字符伪元素(first-letter)是用来实现首行大写和首行下沉效果的

例：首行

html

head

style

!--

p:first-line{color:red;font-size:20pt}

--

/style

/hesd

body

pdfgsadfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdf.../p

/body

/html

长度随浏览器窗口大小而改变

首字

html

head

style

!--

p:first-letter{color:red;font-size:50pt;float:left;}

--

/style

/hesd

body

pdfgsadfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdf.../p

/body

/html

以上两种都只能应用于块状元素上

css规则

一继承

例：html

head

style type="text/css"

!--

td{font-size:12pt}

p{color:red}

--

/style

/hesd

body

table width="300" border="1" height="150"

tr

td align="center"

pcss规则/p

/td

/table

/body

/html

p为最高级td次一级两种css用在一个属性元素上，相同的覆盖，不同的继承，

二组合

例:td{font-size:12pt}

p1{font-size:12pt}

组合后

td,.p1{font-size:12pt}

三层叠

在样式里定义过后，在表格属性中又定义一次

html

head

style type="text/css"

!--

red{color:#ff0000 limportant}

--

/style

/hesd

body

table width="300" border="1" height="150"

tr

td align="center" style="color:#0000ff" class="red"决撒地方官/td

/tr

/table

/body

/html

css单位

分四大类：

1 长度单位

数值可以是整数，小数，正数，负数，0，后加单位（负值不要轻易使用）

换算关系：

1in(英寸)=6pc(派)

1in(英寸)=72pt(磅)

1in(英寸)=2.54(厘米)

1cm(厘米)=10mm(毫米)

1cm(厘米)=0.3937(英寸)

1pt(磅)=1/72in(英寸)=0.2478mm(毫米)

1pc(派)=1/6in(英寸)=我国新四号铅字的尺寸

2 百分比单位

3 颜色单位

4 url单位

html中框架(frame)的详细使用方法

框架概念 ：

所谓框架便是网页画面分成几个框窗，同时取得多个 URL。只 要 FRAMESET FRAME 即可，而所有框架标记 要放在一个总起的 html 档，这个档案只记录了该框架 如何划分，不会显示任何资料，所以不必放入 BODY 标记，浏览这框架必须读取这档 案而不是其它框窗的档案。FRAMESET 是用以划分框窗，每一框窗由一个 FRAME 标 记所标示，FRAME必须在 FRAMESET 范围中使用。如下例：

frameset cols="50%,*"

frame name="hello" src="up2u.html"

frame name="hi" src="me2.html"

/frameset

此例中 FRAMESET 把画面分成左右两相等部分，左便是显示 up2u.html，右边则会显示 me2.html 这档案，FRAME 标记所标示的框窗永远是按由上而下、由左至右的次序。

FRAMESET FRAME ：

FRAMESET 称框架标记，用以宣告HTML文件为框架模式，并设定视窗如何分割。

FRAME 则只是设定某一个框窗内的参数属性。

FRAMESET 参数设定：

例子：frameset rows="90,*" frameborder="0" border=0 framespacing="2" bordercolor="#008000"

COLS="90,*"

垂直切割画面(如分左右两个画面)，接受整数值、百分数， * 则代表占用馀下空 间。数值的个数代表分成的视窗数目且以逗号分隔。例如 COLS="30,*,50%" 可以 切成三个视窗，第一个视窗是 30 pixels 的宽度，为一绝对分割，第二个视窗是当 分配完第一及第三个视窗后剩下的空间，第三个视窗则占整个画面的 50% 宽度 为 一相对分割。您可自己调整数字。

ROWS="120,*"

就是横向切割，将画面上下分开，数值设定同上。唯 COLS 与 ROWS 两参数尽量 不要同在一个 FRAMESET 标记中，因 Netacape 偶然不能显示这类形的框架，尽 采用多重分割。

frameborder="0"

设定框架的边框，其值只有 0 和 1 ， 0 表示不要边框， 1 表示要显示边框。（避 免使用 yes 或 no ）

border="0"

设定框架的边框厚度，以 pixels 为单位。

bordercolor="#008000"

设定框架的边框颜色。

framespacing="5"

表示框架与框架间的保留空白的距离。

FRAME 参数设定：

例子：frame name="top" src="a.html" marginwidth="5" marginheight="5" scrolling="Auto" frameborder="0" noresize framespacing="6" bordercolor="#0000FF"

SRC="a.html"

设定此框窗中要显示的网页档案名称，每个框窗一定要对应著一个网页档案。你可 使用绝对路径或相对路径，有关此两者详见於【连结进阶】。

NAME="top"

设定这个框窗的名称，这样才能指定框架来作连结，必须但任意命名。

frameborder=0

设定框架的边框，其值只有 0 和 1 ， 0 表示不要边框， 1 表示要显示边框。（避 免使用 yes 或 no ）

framespacing="6"

表示框架与框架间的保留空白的距离。

bordercolor="#008000"

设定框架的边框颜色。颜色值请参考【HTML 剖析】。

scrolling="Auto"

设定是否要显示卷轴，YES 表示要显示卷轴，NO 表示无论如何都不要显示， AUTO是视情况显示。

noresize

设定不让使用者可以改变这个框框的大小，亦没有设定此参数，使用者可以很随 意地拉动框架，改变其大小。

marginhight=5

表示框架高度部份边缘所保留的空间。

marginwidth=5

表示框架宽度部份边缘所保留的空间。

NOFRAMES ：

当别人使用的浏览器太旧，不支援框架这个功能时，他看到的将会是一片空白。为了避免 这种情况，可使用 NOFRAMES 这个标记，当使用者的浏览器看不到框架时，他就会看 到 NOFRAMES 与 /NOFRAMES 之间的内容，而不是一片空白。这些内容可以是提醒 浏览转用新的浏览器的字句，甚至是一个没有框架的网页或能自动切换至没有框架的版本 亦可。

应用方法：

在frameset 标记范围加入 /NOFRAMES 标记，以下是一个例子：

frameset rows="80,*"

noframes

body

很抱歉，馈下使用的浏览器不支援框架功能，请转用新的浏览器。

/body

/noframes

frame name="top" src="a.html"

frame name="bottom" src="b.html"

/frameset

若浏览器支援框架，那堋它不会理会 noframes 中的东西，但若浏览器不支援框架，由 於不认识所有框架标记，不明的标记会被略过，标记包围的东西便被解读出来，所以放在 noframes范围内的文字会被显示。

IFRAME ：

这标记只适用於 IE。 它的作用是在一页网页中间插入一个框窗以显示另一个文件。它是 一个围堵标记，但围著的字句只有在浏览器不支援 iframe 标记时才会显示，如noframes 一样，可以放些提醒字句之类。通常 iframe 配合一个辨认浏览器的 Java Script 会较好，若 JavaScript 认出该浏览器并非 Internet Explorer 便会切换至另一版本。

iframe 的参数设定如下：

例子： iframe src="iframe.html" name="test" align="MIDDLE" width="300" height="100" marginwidth="1" marginheight="1" frameborder="1" scrolling="Yes"

src="iframe.html"

欲显示於此框窗的文件来源除档案名称，必要加上相对或绝对路径。

name="test"

此框窗名称，这是连结标记的 target 参数所 要的，

align="MIDDLE"

可选值为 left, right, top, middle, bottom，作用不大

width="300" height="100"

框窗的宽及长，以 pixels 为单位。

marginwidth="1" marginheight="1"

该插入的文件与框边所保留的空间。

frameborder="1"

使用 1 表示显示边框， 0 则不显示。（可以是 yes 或 no）

scrolling="Yes"

使用 Yes 表示容许卷动（内定）， No 则不容许卷动。

例子： 原始码

center iframe src="" name="test" align="MIDDLE" width="300" height="100" marginwidth="5" marginheight="5" frameborder="1"

很抱歉，馈下使用的浏览器并不支援 IFrame，不能正常浏览我的网页。/iframe

/center

frameset参数传递问题

左边的条件参数如何传,右边才能接收

--------------------------------------------------------------------------------

对三个帧分别命名为：left.asp(显示查询条件的页面,其中帧名为：left）,top.asp,main.asp(显示查询结果的页面,其中帧名为：main）

如：

html

head

meta http-equiv="Content-Type" content="text/html; charset=gb2312"

titlesearch/title

/head

frameset rows="80,*" frameborder="NO" border="0" framespacing="0"

frame src="top.asp" name="top" scrolling="NO" noresize

frameset cols="80,*" frameborder="NO" border="0" framespacing="0"

frame src="left.asp" name="left" scrolling="NO" noresize

frame src="main.asp" name="main"

/frameset

/frameset

noframesbody

/body/noframes

/html

在left的表单中写成：

form name="form1" method="post" action="main.asp" target="main"

......//你自己设计吧。

/form

这样就可以你的查询条件传给main.asp中了！

HTML中的问题：div.stlye.left和div.offsetleft,div.clientleft这三个是什么意思，有什么区别？如下图

首先说一句，纠结这些理论的东西是没有用的，实际操作起来根本没有这么复杂。

一个个来回答你的问题：

1、div.clientleft怎么和div.style.border一样大？

首先你要理解clientleft是什么意思，要理解clientleft你要先理解offsetleft，offsetleft是说这个标签（或者说对象），他的最左端离他的父标签最左端的距离。

而clientleft，其实跟offsetleft差不多，区别在于clientleft=offsetleft减去该对象的border值。

所以clientleft跟border是一样大的。

2、div.style.margin是什么？

margin指的是该对象的外边距，与padding（内边距）经常一起来用，区别在于padding是包含在这个对象的clientWidth里面的，而margin不包含于任何clientWidth、offsetWidth、clientHeight、offsetHeight中。

3、div.scrolltop是什么？

顾名思义，scrolltop是卷起来的顶部距离，也就是说，该元素在垂直方向上滚动了多少

4、body.clienttop是什么？

body.clienttop指的是body的offset值减去border，跟第一个问题一样，由于没有offsetleft，所以他的clienttop跟border是一样的。

最后说一句，这些理论，了解就行，没有必要记住，实际做网页的时候很少会用到这些。

HTML table元素是什么意思？ border="1"这个属性和值分别是什么意思？

table是html表格元素，border规定边框的粗细单位是px

table border="1"trtd9*9=81/tdtd9*8=72/tdtd9*7=63/tdtd9*6=54/tdtd9*5=45/tdtd9*4=36/tdtd9*3=27/tdtd9*2=18/tdtd9*1=9/td/trtrtd/tdtd8*8=64/tdtd8*7=56/tdtd8*6=48/tdtd8*5=40/tdtd8*4=32/tdtd8*3=24/tdtd8*2=16/tdtd8*1=8/td/trtrtd/tdtd/tdtd7*7=49/tdtd7*6=42/tdtd7*5=35/tdtd7*4=28/tdtd7*3=21/tdtd7*2=14/tdtd7*1=7/td/trtrtd/tdtd/tdtd/tdtd6*6=36/tdtd6*5=30/tdtd6*4=24/tdtd6*3=18/tdtd6*2=12/tdtd6*1=6/td/trtrtd/tdtd/tdtd/tdtd/tdtd5*5=25/tdtd5*4=20/tdtd5*3=15/tdtd5*2=10/tdtd5*1=5/td/trtrtd/tdtd/tdtd/tdtd/tdtd/tdtd4*4=16/tdtd4*3=12/tdtd4*2=8/tdtd4*1=4/td/trtrtd/tdtd/tdtd/tdtd/tdtd/tdtd/tdtd3*3=9/tdtd3*2=6/tdtd3*1=3/td/trtrtd/tdtd/tdtd/tdtd/tdtd/tdtd/tdtd/tdtd2*2=4/tdtd2*1=2/td/trtrtd/tdtd/tdtd/tdtd/tdtd/tdtd/tdtd/tdtd/tdtd1*1=1/td/tr/tabletable border="1"trtd/tdtd/tdtd/tdtd/tdtd/tdtd/tdtd/tdtd/tdtd1*1=1/td/trtrtd/tdtd/tdtd/tdtd/tdtd/tdtd/tdtd/tdtd2*2=4/tdtd2*1=2/td/trtrtd/tdtd/tdtd/tdtd/tdtd/tdtd/tdtd3*3=9/tdtd3*2=6/tdtd3*1=3/td/trtrtd/tdtd/tdtd/tdtd/tdtd/tdtd4*4=16/tdtd4*3=12/tdtd4*2=8/tdtd4*1=4/td/trtrtd/tdtd/tdtd/tdtd/tdtd5*5=25/tdtd5*4=20/tdtd5*3=15/tdtd5*2=10/tdtd5*1=5/td/trtrtd/tdtd/tdtd/tdtd6*6=36/tdtd6*5=30/tdtd6*4=24/tdtd6*3=18/tdtd6*2=12/tdtd6*1=6/td/trtrtd/tdtd/tdtd7*7=49/tdtd7*6=42/tdtd7*5=35/tdtd7*4=28/tdtd7*3=21/tdtd7*2=14/tdtd7*1=7/td/trtrtd/tdtd8*8=64/tdtd8*7=56/tdtd8*6=48/tdtd8*5=40/tdtd8*4=32/tdtd8*3=24/tdtd8*2=16/tdtd8*1=8/td/trtrtd9*9=81/tdtd9*8=72/tdtd9*7=63/tdtd9*6=54/tdtd9*5=45/tdtd9*4=36/tdtd9*3=27/tdtd9*2=18/tdtd9*1=9/td/tr/table

效果图：

html边框厚度的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于html边框宽度怎么设置、html边框厚度的信息别忘了在本站进行查找喔。