精华内容
下载资源
问答
  • HTML DOM border 属性

    2017-05-11 21:17:50
    border 属性在一个声明中设置所有边框属性。 语法: Object.style.border=borderWidth borderStyle borderColor 值 描述 值 borderWidth 设置边框的宽度。 thinmediumthicklength ...

    border 属性在一个声明中设置所有边框属性。

    语法:

    Object.style.border=borderWidth borderStyle borderColor
    描述
    borderWidth 设置边框的宽度。
    • thin
    • medium
    • thick
    • length
    borderStyle 设置边框的样式。
    • none
    • hidden
    • dotted
    • dashed
    • solid
    • double
    • groove
    • ridge
    • inset
    • outset
    borderColor 设置边框的颜色。
    • color-name
    • color-rgb
    • color-hex
    • transparent
    描述
    none 定义无边框。
    hidden 与 "none" 相同。不过应用于表时除外,对于表,hidden 用于解决边框冲突。
    dotted 定义点状边框。在大多数浏览器中呈现为实线。
    dashed 定义虚线。在大多数浏览器中呈现为实线。
    solid 定义实线。
    double 定义双线。双线的宽度等于 border-width 的值。
    groove 定义 3D 凹槽边框。其效果取决于 border-color 的值。
    ridge 定义 3D 垄状边框。其效果取决于 border-color 的值。
    inset 定义 3D inset 边框。其效果取决于 border-color 的值。
    outset 定义 3D outset 边框。其效果取决于 border-color 的值。
    展开全文
  • HTML <table> border 属性

    千次阅读 2018-12-12 16:02:27
    浏览器支持 所有主流浏览器都支持 border ...在 HTML5 中,border 属性仅用于指示表格是否用于布局目的,且只允许属性值 "" 或 "1"。 语法 &lt;table border="1"&gt; ...

    浏览器支持

    Internet ExplorerFirefoxOperaGoogle ChromeSafari

    所有主流浏览器都支持 border 属性。


    定义和用法

    border 属性规定表格单元周围是否显示边框。

    值 "1" 指示应该显示边框,且表格不用于布局目的。


    HTML 4.01 与 HTML5之间的差异

    在 HTML5 中,border 属性仅用于指示表格是否用于布局目的,且只允许属性值 "" 或 "1"。


    语法

    <table border="1">

    属性值

    描述
    "" 表格单元周围没有边框(表格可用于布局目的)。
    "1" 在表格单元周围添加边框(表格不用于布局目的)。

     

    转自:http://www.runoob.com/tags/att-table-border.html

    展开全文
  • 摘要:CSS边框样式.box{width:100px;...border:1px solid #ccc;margin-bottom:20px;}.box1{width:100px;height:100px;border:1px double lightcoral;margin:20px 0px;border-radius:20px;}.box2{width:100px;heig...

    摘要:

    CSS边框样式

    .box{width:100px;height:100px;border:1px solid #ccc;margin-bottom:20px;}

    .box1{width:100px;height:100px;border:1px double lightcoral;margin:20px 0px;border-radius:20px;}

    .box2{width:100px;height:100px;border:1px dashed lightblue;margin:20px 0px;border-radius:50px;}

    .box3{width:100px;height:100px;border:1px dotted lightgreen;margin:10px 0px;box-shadow:10px 5px 3px #cfcfcf;}

    .box4{width:100px;height:100px;margin:10px 0px;margin:20px 0px;box-shadow:0px 6px 40px #cfcfcf inset;}

    button{border:none;}

    登录

    批改老师:欧阳批改时间:2019-07-16 13:14:32

    老师总结:完成的不错,常用的css样式可以写到公用文件里,每个项目都可以加载这一个公用文件。继续加油。

    展开全文
  • 可能的值:像素可能的值:solid(直线),dashed(虚线),dotted(点线)可能的值:red,#f00,#ff0000,rgb(255,0,0),transparentborder-left 属性设置左边框border-right 属性设置右边框border-top 属性设置上边框border-...

    border用法详解:

    可能的值:像素

    可能的值:solid(直线),dashed(虚线),dotted(点线)

    可能的值:red,#f00,#ff0000,rgb(255,0,0),transparent

    border-left 属性设置左边框

    border-right 属性设置右边框

    border-top 属性设置上边框

    border-bottom 属性设置下边框

    扩展延伸

    html代码

    css代码p {

    height: 20px;

    width: 20px;

    border-color: #FF9600 #3366ff #12ad2a #f0ed7a;

    border-style: solid;

    border-width: 20px;

    }

    结果

    css代码p {

    width: 0px;

    height: 0px;

    border-color: #FF9600 #3366ff #12ad2a #f0ed7a;

    border-style: solid;

    border-width: 20px;

    }

    结果

    css代码p {

    width: 0px;

    height: 0px;

    border-color: lightblue transparent trnasparent transparent;

    border-style: solid;

    border-width: 20px;

    }

    结果

    css代码p {

    width: 0px;

    height: 0px;

    border-color: transparent trnasparent pink;

    border-style: solid;

    border-width: 20px;

    }

    结果

    css代码p {

    width: 0px;

    height: 0px;

    border-color: transparent gray trnasparent transparent;

    border-style: solid;

    border-width: 20px;

    }

    结果

    css代码p {

    width: 0px;

    height: 0px;

    border-color: transparent transparent trnasparent lightgreen;

    border-style: solid;

    border-width: 20px;

    }

    结果

    展开全文
  • 如何为通过css为图片设置一个边框呢,HTML中是通过标记的border属性值,给图片添加边框的,css中是通过border属性,为图片设置各式各样的边框样式,border-style定义边框的样式,如虚线、实线或点划线等等。...
  • html表格间距和border属性

    千次阅读 2017-03-11 17:57:53
    表格和border属性 (组成): < td> 指表格数据(table data),即数据单元格的内容 表头使用 标签进行定义,大多数浏览器会把表头显示为粗体居中的文本 (边框属性):如果不指定border属性,表格将...
  • 下面就是使用HTML中的border属性绘制三角形的代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>border 属性绘制三角形</title> <style&...
  • border属性性能最优

    2019-10-04 13:00:24
    今天看了小志的,border属性的性能测试,才知道浏览器渲染时,border:none;或者border:0,差与border:0 none; 转载于:https://www.cnblogs.com/starweb/archive/2010/06/18/1760430.html...
  • border属性绘制三角形

    2017-11-02 20:23:06
    用 CSS 绘制三角形,只是对 border 属性的简单应用。平时使用 border 属性的时候多留意一下,就会发现其中的技巧。下面,我们先看以下代码: HTML代码: ---------- CSS代码: .test{ width: 10px; height: 10px...
  • HTML关于border属性的一点小领悟

    千次阅读 2018-06-12 17:55:19
    在写HTML的时候我们经常会想变换border的颜色或者风格。大多数时候我们是这样做的。我们为这里的li设置了一个border,然后我们现在想改变border-bottom的颜色。通常我们会有两种做法:左侧截图中的方法能够改变...
  • CSS边框border属性

    2019-01-29 16:26:57
    HTML 中,我们使用表格来创建文本周围的边框,但是通过使用 CSS 边框属性,我们可以创建出效果出色的边框,并且可以应用于任何元素。 元素外边距内就是元素的的边框 (border)。元素的边框就是围绕元素内容和内边...
  • CSS表格 - border 属性 border 简写属性在一个声明设置所有的边框属性。 font 简写属性 在一个声明中设置所有字体属性。 可以按顺序设置如下属性border-widthborder-styleborder-color 如下代码: p{border:5...
  • 神奇的border属性

    2016-04-05 22:15:50
    这世界太疯狂,Border属性也搞模仿秀! 这里讨论的都是关于边框属性border的极致应用,这些应用虽说有些剑走偏门,但在一些特殊的场合,可能还是会用得上的,如果你对HTML代码有洁癖,有切肤之痛,并且认为冗余的...
  • 同之前的html文档
  • 标签的 border 属性规定图像周围的边框的宽度,就是说可以增加或去掉图像的边框。 注释:默认地,图像是没有边框的(除非图像在 a 元素内部)。 浏览器通常会把代表超链接的图像(例如包含在 <a> 标签中的...
  • 边框border属性总结

    2015-10-21 16:38:11
    留着这些属性自己以后方便看: 其中border-style的值是: html> p.dotted {border-style: dotted} p.dashed {border-style: dashed} p.solid {border-style: solid} p.double {border-style: ...
  • css border属性

    2017-08-29 16:47:45
    转载自:http://www.divcss5.com/rumen/r120.shtml#top 欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术! CSS手册CSS3手册CSS论坛CSS培训CSS任务网闻 ...HTML基础 ...HTML入门 ...HTML5
  • 本文章向码农介绍CSS border边框属性详细内容,感兴趣的码农可以参考一下。 CSS 边框即CSS border-border边框样式颜色、边框样式、边框宽度的语法结构与应用案例教程篇 一、CSS边框基础知识 CSS 边框即CSS border是...
  • CSS padding margin border属性详解 图解CSS padding、margin、border属性W3C组织建议把所有网页上的对像都放在一个盒(box)中,设计师可以通过创建定义来控制这个盒的属性,这些对像包括段落、列表、标题、图片...
  • Border属性的各种变化

    2016-04-19 20:47:00
    本文前部分转自...这世界太疯狂,Border属性也搞模仿秀! 这里讨论的都是关于边框属性border的极致应用,这些应用虽说有些剑走偏门,但在一些特殊的场合,可能还是会用得上的,如果你对HTML代码有洁...
  • 几种border属性

    2020-08-20 10:08:53
    DOCTYPE html> <html > <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" type="text/css" href="Untitled3.css"> </head> <...
  • CSS padding margin border属性详解 图解CSS padding、margin、border属性 W3C组织建议把所有网页上的对像都放在一个盒(box)中,设计师可以通过创建定义来控制这个盒的属性,这些对像包括段落、列表、标题、图片...
  • htmlborder属性设置

    2012-10-10 18:30:00
    border有如下属性border-widthborder-styleborder-color 设置方法: p { border:5px solid red; } 如果不设置其中的某个值,也不会出问题,比如: border:solid #ff0000; 这三个值也可以分开设置: ...
  • CSS之border属性

    2019-02-24 22:15:38
    用css实现一个三角形 实心三角形 带边框的三角形 空心三角形 html与带边框的三角形的html一样,不同点为css中对应的颜色#e63c3c改为#ffffff即可

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 4,006
精华内容 1,602
关键字:

htmlborder属性