在CSS里，border的作用是什么？

border[英] [u02c8bu0254u02d0du0259][美] [u02c8bu0254rdu0259r]n.边境, 边界; 国界; 花边; 饰边; (Border)人名：鲍代尔v.在…上加边, 给…镶边, 围[例句]Iraq"s northern border with Turkey和土耳其接界的伊拉克北部边境[变形]过去分词：bordered现在分词：bordering过去式：bordered第三人称单数：borders复数：borders

border英 [u02c8bu0254:du0259(r)] 美 [u02c8bu0254:rdu0259(r)]n.边界; 边; 镶边; 包边;vt.& vi.与…接界，在…的边上;vt.沿…的边，环绕…，给…镶边;[例句]Traders generally travel safely through the border.商人通常可以安全通过边界。-------------------------------如有疑问，可继续追问，如果满意，请采纳，谢谢。

border 英[u02c8bu0254:du0259(r)] 美[u02c8bu0254:rdu0259(r)] n. 边界; 边; 镶边; 包边; vt. 与…接界，在…的边上; vt. 沿…的边，环绕…，给…镶边; [例句]They fled across the border.他们穿越边界逃走了。[其他] 第三人称单数：borders 复数：borders 现在分词：bordering过去式：bordered 过去分词：bordered

border [简明英汉词典]n.边界, 国界, 边, 边沿, 边境vt.与...接壤, 接近v.接壤

n.[C] 1. 边缘,边沿 2. 饰边,滚边 3. 边界,边境,国界[(+between/with)] They were near the border between France and Germany. 他们在法德边界附近。 vt. 1. 形成...的边,围住 2. 与...有共同边界,与...接壤 The racecourse borders the city on the east. 赛马场邻接东城。 3. 为...镶边[(+with)] She bordered her dress with silk. 她用丝绸为她的衣服镶了边。 vi. 1. 毗邻,接界[(+on/upon)] Myanmar borders on India. 缅甸与印度接壤。 2. 近似[(+on/upon)] His remarks bordered on rudeness. 他的言词简直是无礼。

frontier; confine;

HTML语句中“border=1”是边框为1像素的意思。border 是 CSS 的一个属性，用 border 可以给能确定范围的 HTML 标记（如 TD、DIV 等等）画边框，它可以定义边框线的类型、宽度和颜色，利用这个特性，可以制作一些特殊效果。一、border-width:thin medium thick 10px;上边框是细边框，右边框是中等边框，下边框是粗边框，左边框是 10px 宽的边框。二、border-width:thin medium thick;上边框是 10px，右边框和左边框是中等边框，下边框是粗边框。三、border-width:thin medium;上边框和下边框是细边框，右边框和左边框是中等边框。四、border-width:thin;所有 4 个边框都是细边框。扩展资料：边框其他样式：none 定义无边框。solid 定义实线。dotted 定义点状边框。在大多数浏览器中呈现为实线。dashed 定义虚线。在大多数浏览器中呈现为实线。double 定义双线。双线的宽度等于 border-width 的值。groove 定义 3D 凹槽边框。其效果取决于 border-color 的值。ridge 定义 3D 垄状边框。其效果取决于 border-color 的值。inset 定义 3D inset 边框。其效果取决于 border-color 的值。outset 定义 3D outset 边框。其效果取决于 border-color 的值。inherit 规定应该从父元素继承边框样式。参考资料：百度百科-border

border,翻译成汉语为 边框，即给标签元素定义边框，如上小节《网页基础之background属性的介绍》中笔者使用到了border 的属性，如图： border: 2px solid #666 拆分出来分别为 border-width 为 2px ， border-style 为 solid，border-color 为 #666。 border-style 有常用的四种风格，即 none(无边框)， dotted(点状边框)，solid(实心边框)，dashed(虚线边框)，还有一些复合边框，具体可以参考MDN； border-width 和 border-color 继承了 width 和color 的定义方式，这里就不详细介绍了； 如何做一个简单的三角形，先给四个边的边框颜色都设置为透明色，然后在将左侧边框颜色设置为黑色或者其它颜色，这样一个三角形就做好了 本小节主要讲解了 border 的使用方式，通用定义模式和单独定义模式

边界

border:1px dashed #000;

1．1） [Tn] be a border to (sth); be on the border of (sth) 与（某物）接界, 接壤; 在（某物）的边上: Our garden is bordered on one side by a stream. 我们的花园有一边以小河为界. * How many countries border Switzerland? 有多少国家与瑞士接壤? 2）.[Ipr] ~ on sth (a) be next to sth; adjoin sth 接近某物; 毗邻某物: The new housing estate borders on the motorway. 新住宅区紧接高速公路. (b) (fig 比喻) be almost the same as sth; verge on sth 几乎与某事物相同; 在某事物的边缘: The boy"s reply to his teacher was bordering on rudeness. 那男学生回答教师的问话时态度近乎粗鲁. * Our task borders on the impossible. 我们的任务几乎是不可能完成的.borderer n person who lives near a border, esp that between England and Scotland 边界地带的居民（尤指英格兰与苏格兰之间的）.2.pron.（代词）Whatever.无论如何adj.（形容词）Whatever:不管什么：no power whatsoever.不管是什么力量You use whatsoever after a noun group in order to emphasize a negative statement.

对于没有边框的图片，直接插入到网页中，显示效果差强人意。在DW中，使用“Border”属性，可以直接设置边框的宽度。如图： 宽度设好之后，用鼠标选择图片对象。注意不是点击选中，而是拖动选择。之后的操作类似于设定文字颜色。

设置边框的样式

1 .css属性是为了显示图文。 2 .边框设计的初衷可能是为了白底的图片和外面区分，所以加一个1px的边框就能看清 3 .边框一般不需要跟随设备变大而变大。 4 .所以其他属性outline,box-shadow,text-shadow也是这来原因而决定的. 1 .1px 2 .thin:1px 3 .medium:3px，默认值。主要是因为border-style:double。至少需要3px才生效 4 .thick:4px 1 .none:所以单纯设置border-width,border-color没有边框显示的原因. 1.5px solid #000 .默认样式是这样 2 .solid:实线 3 .dashed:虚线 :颜色区和透明区的比例所占的不一样，chrome是2:1，IE,火狐是3:1 4 .dotted:圆点边框 5 .double:双线板框。线框的表现还和宽度有关系，宽度不同最后的表现也不一样 6 .其他：inset（内凹）,out（外凹），沟槽（groove），ridge(山脊) 1 .border-color默认颜色是color色值，如果没有指定边框颜色，就会使用color的颜色,outline,,box-shadow,text-shadow也是这样 1 .右下方background定位技巧.background定位的一个局限是只能根据左上角定位，而不能相对右下角.一个宽度不固定的元素，我们需要在距离右边缘50像素的位置设置一个背景图片 2 .增加点击区域大小：通过使用透明边框可以增加点击区域的大小 border:50px solid transparent; 3 .三角形绘制 1 .背景图片相对于background-image属性的位置 2 .border-box 3 .content-box 4 .padding-box 1 .center:居中图片 2 .top.left 1 .上面构造出来的全等三角形，其实是由两个直角三角形拼接成的。 2 .所以如果设置某一条边的宽度是0，就可以只显示左边的，实现一个直角三角形

border （通常用于有界限意味的边缘）n. 边缘, 边沿; 边界, 国界, 边境; 饰边, 滚边; 应用视窗四面的框架 (计算机用语)v. 与...接壤; 接近; 毗邻, 接界; 近似edge (有锋利的意味，一般用于刀等有利刃或其他有尖锐边缘的东西)n. 边缘, 刀刃, 尖锐 v. 使锋利; 镶边; 挤进; 缓缓移动; 侧着移动

元素的边框 (border) 是围绕元素内容和内边距的一条或多条线。控制边框的属性是 border 属性。边框在HTML元素的修饰中几乎无时无刻都会用到，给网页设计带来更丰富的视觉体验，通过 CSS border 属性允许你规定元素边框的样式、宽度和颜色。--------------------------------------------------------------------------------边框与背景最新CSS2.1 作出了解释：元素的背景是包括内容、内边距和边框区。也就是说，当边框是间断的（例如，虚线），在边框间断的地方应该显示的是背景。大多数浏览器都遵循 CSS2.1 定义，不过一些较老的浏览器可能会有不同的表现。--------------------------------------------------------------------------------边框的样式边框样式将是所有网页设计师最为关心的一点，丰富的样式将会带来更美观的页面设计。CSS 的 border-style属性 定义了 10 个不同的样式，包括 none。例如，您可以为把一幅图片的边框定义为 outset，使之看上去像是“凸起的按钮”：img {border-style:outset;} --------------------------------------------------------------------------------定义多种样式同理，您可以为一个边框定义多个样式，例如：.more {border-style: solid dotted dashed double;} 上面这条规则定义了四种边框样式：实线上边框、点线右边框、虚线下边框和一个双线左边框。--------------------------------------------------------------------------------定义单边样式如果您希望为元素框的某一个边设置边框样式，而不是设置所有 4 个边的边框样式，可以使用下面的单边边框样式属性：1. border-top-style2. border-right-style3. border-bottom-style4. border-left-style因此这两种方法是等价的：.noleft {border-style: solid solid solid none;}.noleft {border-style: solid; border-left-style: none;} 注意：如果要使用第二种方法，必须把单边属性放在简写属性之后。因为如果把单边属性放在 border-style 之前，简写属性的值就会覆盖单边值 none。--------------------------------------------------------------------------------边框的宽度您可以通过 border-width 为边框指定宽度。为边框指定宽度有两种方法：1.可以指定长度值，比如 3px 或 1em；2.使用 3 个预设值，它们分别是 thin（细） 、medium（普通，默认值） 和 thick（粗）。所以，我们可以这样设置边框的宽度：.wid {border-style: solid; border-width: 5px;} 或者：.wid {border-style: solid; border-width: thick;}注释：CSS 没有定义 3 个关键字的具体宽度，所以一个用户代理可能把 thin 、medium 和 thick 分别设置为等于 5px、3px 和 2px，而另一个用户代理则分别设置为 3px、2px 和 1px。--------------------------------------------------------------------------------定义单边宽度您也可以通过下列属性分别设置边框各边的宽度：1. border-top-width2. border-right-width3. border-bottom-width4. border-left-width所以可以这样定义：.ya {border-style: solid;border-top-width: 10px;border-right-width: 10px;border-bottom-width: 15px;border-left-width: 15px;}--------------------------------------------------------------------------------为什么没有边框？在前面的例子中，您已经看到，如果希望显示某种边框，就必须设置边框样式，比如 solid 或 outset。那么如果忘记设置 border-style 属性 会出现什么情况呢？h1 {border-width: 20px;} 尽管边框的宽度是 20px，但是在没有定义border-style 属性 的情况下，无论设置了宽度为多少，会自动将宽度设置为0。提示：这一点非常重要。事实上，因为忘记声明边框样式是一个初学者常犯的错误。--------------------------------------------------------------------------------边框的颜色设置边框颜色非常简单。CSS 使用border-color属性来控制边框颜色，它一次最多可以接受4个颜色值。您可以使用任何类型的颜色值，包括类似 命名颜色（red），RGB，十六进制：.col {border-style: solid;border-color: red;}提示：如果没有为边框声明颜色，默认情况下它将与元素的文本颜色相同。另外，如果元素没有任何文本，则继承父元素的文本颜色，以此类推。--------------------------------------------------------------------------------定义单边颜色还有一些单边边框颜色属性。它们的原理与单边样式和宽度属性相同：1. border-top-color2. border-right-color3. border-bottom-color4. border-left-color要指定实线黑色边框，而右边框为实线红色，可以这样指定：.bla {border-style: solid;

border后加三个参数：边框粗细　边框样式　边框颜色如border:2px solid #ccc;其中边框样式包括：none 定义无边框。solid 定义实线。dotted 定义点状边框。在大多数浏览器中呈现为实线。dashed 定义虚线。在大多数浏览器中呈现为实线。double 定义双线。双线的宽度等于 border-width 的值。

语法：border-color : color参数：color : 　指定颜色。请参阅颜色单位和附录：颜色表说明：如果只提供一个，将用于全部的四条边。如果提供两个，第一个用于上－下，第二个用于左－右。如果提供三个，第一个用于上，第二个用于左－右，第三个用于下。如果border-width等于0或border-style设置为none，本属性将失去作用。对应的脚本特性为borderColor。请参阅我编写的其他书目。示例：body { border-color: silver ;red; }body { border-color: silver red RGB(223, 94, 77); }body { border-color: silver red RGB(223, 94, 77) black; }

html中的圆角一 般指的是边框圆角，即border-radius：10px;数值越大，边角越圆，单个的圆角是border-top-left-radius:20px;这是左上角，其他角类推。

1.首先输入需要的边框的大小.box{width: 500px;height: 500px;}2.输入“border-s”3.在弹出选项中选择“border-style”即为边框样式4.选择需要的边框样式，即可实现四周加边框5.如果是上下和左右需要分别的样式，用空格隔开，例如“groove dashed”6.可以设置四个样式，例如“groove dashed double dotted”顺序是上左右下

边界 框

“边框”的意思。

HTML语句中“border=1”是边框为1像素的意思。border 是 CSS 的一个属性，用 border 可以给能确定范围的 HTML 标记（如 TD、DIV 等等）画边框，它可以定义边框线的类型、宽度和颜色，利用这个特性，可以制作一些特殊效果。一、border-width:thin medium thick 10px;上边框是细边框，右边框是中等边框，下边框是粗边框，左边框是 10px 宽的边框。二、border-width:thin medium thick;上边框是 10px，右边框和左边框是中等边框，下边框是粗边框。三、border-width:thin medium;上边框和下边框是细边框，右边框和左边框是中等边框。四、border-width:thin;所有 4 个边框都是细边框。扩展资料：边框其他样式：none 定义无边框。solid 定义实线。dotted 定义点状边框。在大多数浏览器中呈现为实线。dashed 定义虚线。在大多数浏览器中呈现为实线。double 定义双线。双线的宽度等于 border-width 的值。groove 定义 3D 凹槽边框。其效果取决于 border-color 的值。ridge 定义 3D 垄状边框。其效果取决于 border-color 的值。inset 定义 3D inset 边框。其效果取决于 border-color 的值。outset 定义 3D outset 边框。其效果取决于 border-color 的值。inherit 规定应该从父元素继承边框样式。参考资料：百度百科-border

这要看情况：在边境:at the border在边境两侧:on both sides of the border离边境不远:not far from the bord越过......边界:move over the border of...驱车穿过边界:drive across the border

HTML语句中“border=1”是边框为1像素的意思。border 是 CSS 的一个属性，用 border 可以给能确定范围的 HTML 标记（如 TD、DIV 等等）画边框，它可以定义边框线的类型、宽度和颜色，利用这个特性，可以制作一些特殊效果。一、border-width:thin medium thick 10px;上边框是细边框，右边框是中等边框，下边框是粗边框，左边框是 10px 宽的边框。二、border-width:thin medium thick;上边框是 10px，右边框和左边框是中等边框，下边框是粗边框。三、border-width:thin medium;上边框和下边框是细边框，右边框和左边框是中等边框。四、border-width:thin;所有 4 个边框都是细边框。

border-width:1px; 线粗细border-style:outset; 样式border-color:#fff 线颜色border-top:1px solid #000; 单独描画上面线border-right:1px solid #000; 单独描画右面线border-bottom:1px solid #000; 单独描画下面线border-left:1px solid #000; 单独描画左面线border:1px solid #90C320; 四边线一起描画出来

变通。border其实是没有长度属性可以设置的，只能通过变通的方式来实现。CSS的border属性是一个用于设置各种单独的边界属性的简写属性。border可以用于设置一个或多个以下属性的值：border-width、border-style、border-color。

html盒子代码border后缀是border等1。根据查询相关公开信息显示，HTML语句中border1是边框为1像素的意思。border是CSS的一个属性，用border可以给能确定范围的HTML标记。

显示边框.

1、打开html开发工具，新建一个html代码页面，然后创建一个<div>标签，并给这个标签添加文字和一个class为了dashed。创建<div>代码:<div class="dashed">dashed: 定义一个虚线边框</div>2、设置虚线边框。创建<style>标签，然后在这个标签里设置dashed类的样式为虚线边框。css样式代码：<style type="text/css">.dashed{border-style:dashed;border-width:1px;</style>3、保存html代码，然后使用浏览器打开，即可看到浏览器页面上显示一个虚线边框。

1 div上边加1px黑色边框div{border-top:1px solid #000} 2 给div底部加边框div{border-bottom:2px dashed #F00} 3 在div盒子左侧加边框.divcss5{ border-left:1px solid #00F} DIV代码：<div class="divcss5">此DIV盒子左侧为1px实线蓝边框</div> 4 在盒子div右侧加边框 div{ border-right:1px solid #F00} 5 在盒子上下加边框 div{border-top:1px solid #000;border-bottom:1px solid #000} 6 给div盒子左右加边框div{ border-left:2px dashed #0F0;border-right:2px dashed #0F0} 7 给一个DIV四边加上3px实现黑色边框div{ border:3px solid #000}

1、打开html开发工具，新建一个html代码页面，然后创建一个标签，并给这个标签添加文字和一个class为了dashed。创建代码:dashed: 定义一个虚线边框2、设置虚线边框。创建标签，然后在这个标签里设置dashed类的样式为虚线边框。css样式代码：<style type="text/css">.dashed{border-style:dashed;border-width:1px;3、保存html代码，然后使用浏览器打开，即可看到浏览器页面上显示一个虚线边框。

<table></table>是html中的表格标签。而width是这个标签中的宽度属性，width="80%"表示该表格占据表格外部容器的宽度比例为80%（会随着你浏览器的大小自动调整宽度数值）border也是该标签属性，border="1"表示该表格的边框线宽度为1px，改变一下这个数值你就知道它的真正意思了。希望对你有帮助，谢谢^^

border:double是双边框。border:#f00 1px double；如果想两个边框样式不同，最好在该盒子内部或外边再新建个div，给其设置border即可。相当于两个盒子分别加了一个边框。

1111

html中如果设置table的border为1px，实际会产生双线，十分不美观，那么在HTML中如何正确设置表格table边框border呢？ 第一种方法： 1、将table的属性设置为：BORDER=0 、cellspacing=1 ； 2、设置table的背景色为即你要设置的table的边框颜色； 3、设置所有td背景色为#ffffff白色； 第二种方法： 1、设置BORDER=0 ； 2、再通过CSS，给Table加上1px的border-top,border-left； 3、然后再设置所有的td的border-right,border-bottom； 第三种方法（推荐）： 1、设置table的CSS为{border-collapse:collapse;border-style: solid;border-width: 1px;} 注：border-collapse:collapse; separate 默认值。边框会被分开。不会忽略 border-spacing 和 empty-cells 属性。 collapse 如果可能，边框会合并为一个单一的边框。会忽略 border-spacing 和 empty-cells 属性。 inherit 规定应该从父元素继承 border-collapse 属性的值。 　　2、再设置td的CSS为{border-style: solid;border-width: 1px;} 转自： https://www.cnblogs.com/qq2806933146xiaobai/p/12407749.html

实际div只有198px,

相同类的可以合在一起写，例如 border-top-style: none; border-right-style: solid; border-bottom-style: none; border-left-style: solid;只需写成border-style:none solid none solid;color和width也一样可以。

1div上边加1px黑色边框x0dx0adiv{border-top:1pxsolid#000}x0dx0ax0dx0a2给div底部加边框x0dx0adiv{border-bottom:2pxdashed#F00}x0dx0ax0dx0a3在div盒子左侧加边框x0dx0a.divcss5{border-left:1pxsolid#00F}x0dx0aDIV代码：x0dx0a此DIV盒子左侧为1px实线蓝边框

<img style="border:1px solid #ff0000;padding:1px;" src="" width="100" height="100">

可以实现，单元格的边框颜色和单元格的背景颜色一致即可！例如：修改前：<table width="200" border="1" bordercolor="#FF0000"> <tr> <td bgcolor="#FFFFFF">单元格1</td> </tr> <tr> <td bgcolor="#FFFFFF">单元格2</td> </tr></table>以红色为边框颜色的二行一列表格修改后：<table width="200" border="1" bordercolor="#FF0000"> <tr> <td bgcolor="#FFFFFF" bordercolor="#FFFFFF">单元格1</td> </tr> <tr> <td bgcolor="#FFFFFF" bordercolor="#FFFFFF">单元格2</td> </tr></table>表格的边框颜色依然为红色，但单元格的边框颜色设为和单元格背景色一致，这时我们就只能看到最外面的表格边框了。 还有一种方法，就是先定义CSS，再使用CSS：例如：定义CSS<style type="text/css"><!--.table{ border-color:#000000; }.td{ border:0px; } --></style>使用CSS：<table width="200" border="1" bordercolor="#FF0000" class="table"> <tr> <td bgcolor="#FFFFFF" class="td">单元格1</td> </tr> <tr> <td bgcolor="#FFFFFF" class="td">单元格2</td> </tr></table>也可以实现你说的效果两种方法，我倾向于后者。

我只能大概知道第一个问题。可能 border:1 solid #ff0000;1后面要写象素 1px solid #ff0000;试一下第2种 没出现过

1、定义：元素的边框 (border) 是围绕元素内容和内边距的一条或多条线。CSS border 属性允许你规定元素边框的样式、宽度和颜色。在 HTML 中，我们使用表格来创建文本周围的边框，但是通过使用 CSS 边框属性，我们可以创建出效果出色的边框，并且可以应用于任何元素。元素外边距内就是元素的的边框 (border)。元素的边框就是围绕元素内容和内边据的一条或多条线。每个边框有 3 个方面：宽度、样式，以及颜色。border-color 属性设置四条边框的颜色。此属性可设置 1 到 4 种颜色。border-color 属性是一个简写属性，可设置一个元素的所有边框中可见部分的颜色，或者为 4 个边分别设置不同的颜色。2、用法：例1：border-color:red green blue pink;例2：p { border-style:solid; border-color:#ff0000 #0000ff; }您可以通过 border-width 属性为边框指定宽度。为边框指定宽度有两种方法：可以指定长度值，比如 2px 或 0.1em；或者使用 3 个关键字之一，它们分别是 thin 、medium（默认值） 和 thick。定义单边宽度您可以按照 top-right-bottom-left 的顺序设置元素的各边边框：p {border-style: solid; border-width: 15px 5px 15px 5px;}上面的例子也可以简写为：p {border-style: solid; border-width: 15px 5px;}注意：要设置边框的宽度才能看到border:5px solid red;

你说的双线是什么意思？？

是的

border-bottom border-top border-left

solid后面的冒号去掉是这样的：border:2px solid #ccc;

1. verge 指的是路缘 2. border 指的是国界/边界 3. edge 指的是物体的边缘 4. margin （不会是foringe ) 指的是页边/白边/ fringe帷幕,衣服等上面的缘饰 5. rim 指的是圆形物的外缘/边缘

设置四个边框的宽度：p{border-style:solid; border-width:15px;}

table代表表格，border代表边框，tableborder是表格边框的意思，给border后加属性来设置边框的粗细。