精华内容
下载资源
问答
  • html border

    2011-12-31 13:22:59
    htmlborder 线条有以下几种: dotted 点线 thick 粗线 dashed 虚线 thin 细线 solid 实线
     
    

    html 的border 线条有以下几种:

    dotted      点线
    thick         粗线
    dashed   虚线
    thin          细线
    solid        实线

    展开全文
  • HTML border CSS输出三角形

    千次阅读 2014-11-06 09:51:10
    HTML border CSS输出三角形

    有下面一段html代码:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
        <style>
        .triangle_up
    {
      height:0px; width:0px;
      border-bottom:50px solid red;
      border-left:50px solid transparent  ;
      border-right:50px solid transparent  ;
    }
        </style>
    </head>
    <body>
     <div class="triangle_up"></div>   
    </body>
    </html>

    乍一看很不解,但是效果是这样的:



    把CSS改一改:

    .triangle_up
    {
      height:0px; width:0px;
      border-bottom:50px solid red;
      border-left:50px solid   ;
      border-right:50px solid   ;
    }



    还是晕,再把宽高改一改:


    宽高再改一改:



    瞬间恍然大悟。

    块的宽高都为0,又巧妙设置了透明,所以看起来就是一个三角形!

    展开全文
  • border(边框)是盒模型的组成之一,在开发中有许多实际小用法,跟着动手练练吧。1.border简写属性的构成border-width:规定边框...DOCTYPE html> 效果图:那如何成为一个三角形呢? 只需要给其中三个边的颜色设置...

    border(边框)是盒模型的组成之一,在开发中有许多实际小用法,跟着动手练练吧。

    1.border简写属性的构成

    • border-width:规定边框的宽度;
    • border-style:规定边框的样式;
    • border-color:规定边框的颜色;

    2.用border实现三角形的效果

    简单的demo如下:

    <!DOCTYPE html>
    

    效果图:

    29536cacfb624b7b19f43cb83f3a984c.png
    • 那如何成为一个三角形呢? 只需要给其中三个边的颜色设置成透明(transparent)即可。效果图如下:

    a12aa8426de588df04c92bd2f372b1ea.png
    • 我不想要90°的三角形,咋做呢? 只需要修改bordr-width的值即可。

    简单的demo如下:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <style>
            div{
                /* 给标签初始宽高设置为0 */
                width: 0;
                height: 0;
                /* 给四个边分开写样式 */
                border-top: 70px solid red;
                border-right: 40px solid green;
                border-bottom: 100px solid yellow;
                border-left: 100px solid blue;
            }
        </style>
    </head>
    <body>
        <div></div>
    </body>
    </html>

    效果图如下:

    4030f8a79ee7f93e8f2cdd5fd711c252.png

    有种喜欢叫关注,关注点赞不迷路~~~

    展开全文
  • html border画三角形

    2016-10-25 17:01:43
    开始想直接在网页上保存图片可是这是人家div的背景不知道是图片还是也用的border边框,以前研究过border画三角形这次想自己画推进条试试,感觉这次基本上搞通了border画三角形,这里先讲我总结的原则再讲例子。...
       最近遇到了问题就是画推进条类似于
    

    开始想直接在网页上保存图片可是这是人家div的背景不知道是图片还是也用的border边框,以前研究过border画三角形这次想自己画推进条试试,感觉这次基本上搞通了border画三角形,这里先讲我总结的原则再讲例子。

     

    首页我搞懂了border-top:50px solid red;50px指的哪?指的是边框的最外层边到元素本身边的距离,这里需要知道边框的宽度和元素的宽度是无关的,如图2-4指的是边框的宽度二4-5是元素本身宽度,再就是画三角形最关心的是斜边就是1-4和3-5,从图中可以看出当相邻的边框(左上,左下,右上、右下)同时存在时,元素相应方位(4的位置)到两个边框的交点(1)的线段就是两个边框的分界线,这样两个边框形成了平分,那么如果相邻边框只有一个框时怎么办呢?比如图中没有红色的左边框时,那看下图的效果
     最后注意一点斜线只会外扩就像1-4连而不是4-3连这再有时画图需要换方式。
    展开全文
  • 这是代码 怎么让字体 怎么 紧贴 border?![图片说明](https://img-ask.csdn.net/upload/201907/16/1563282244_625361.png) ``` background-color: white; /*border-top-color: #ff0000;*/ /*border-top...
  • htmlborder标签

    千次阅读 2011-08-08 10:24:07
    边框样式包括 设置上边框:border-top :对应手册 http://www.divcss5.com/shouce/c_bordertop.shtml 设置下边框:border-bottom :对应手册http://www.divcss5.com/shouce/c_
  • HTML <table> border 属性

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

    2017-09-01 12:41:04
    pad margin border #div_1{ border:5px solid red; padding:25px } #div_2{ border-style:solid; border-width:5px; border-color:green; } #video1{ width:300px; he
  • html 改变border颜色

    2014-09-15 15:59:12
    直接用属性document.getElementById('image' + n).style.borderColor='green'...若使用document.getElementById('image' + n).style.border='1px boild green'则会在原边框上叠加边框,不会起到改变边框颜色的效果。
  • HTML关于border属性的一点小领悟

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

    千次阅读 2017-03-11 17:57:53
    表格和border属性 (组成): < td> 指表格数据(table data),即数据单元格的内容 表头使用 标签进行定义,大多数浏览器会把表头显示为粗体居中的文本 (边框属性):如果不指定border属性,表格将...
  • html5border方法做实体三角形 设置一个div,其css代码如下: 运行结果如下: 因此,只要将中间的div设置成宽高均为0,可得到朝向四个方向的三角形,再 将其他三边的边框透明,就可以得到一个三角形。 将上面css...
  • 元素的边框 (border) ...border-style的值:(1)编辑代码打开记事本,编写其代码,并保存为HTML格式文件。代码如下。(2)在浏览器中浏览效果在浏览器中浏览效果如图所示。边框宽度您可以通过 border-width 属性为边框...
  • 关于边框属性的认识我么需要知道的有:border-style,指定要显示什么样的边界border-width,指定边框的宽度border-color,设置边框颜色border-style关于border-style的属性值可以有:默认值 none(无边框),dotted...
  • border 盒子边框复合属性。设置对象边框的特性。盒子边框三要素:① 边框粗细② 边框样式③ 边框颜色语法:border: border-width | border-style | border-color ;边框四边的粗细、样式、颜色,以及...初始 HTML ...
  • border-box盒模型说说

    2017-01-06 14:55:09
    转载地址:http://www.cnblogs.com/myqianlan/p/4196004.html border-box是css3的一个新属性,使用这个属性,和以往的content-box比起来,会有诸多便利之处,bootstrap3也使用的是这个border-box...
  • HTML中margin、padding和...前端页面是需要给用户展示信息的,是离不开布局的,但是各个标签也不会挤在一起,有的标签距离很远有的很近,有的还有边框,这就需要调试出来了,其中margin、padding和border就是HTML中...
  • html复合属性和border设置样式

    千次阅读 2019-05-13 18:54:07
    border设置的属性有边框宽度,颜色和线条样式,不区分顺序。 常见的几个线条样式:solid 直线,dotted 点线,dashed 虚线,double 双线。 例子: 3.顺便记一下text-decoration none:不设置 overline:上划线 line-...
  • html-border实现小三角的巧妙实现

    千次阅读 2017-12-18 21:27:14
    span { width:0; height:0; overflow:hidden; border:7px solid transparent; border-top-color:#2DCB70;//top就是倒三角,bottom就是上三角,left,right类似 }
  • ![图片说明](https://img-ask.csdn.net/upload/201910/31/1572470677_538983.png) 在做分页打印的时候,table中th的border被分开了,怎么不让border分开,都显示在第二页
  • html盒子边框样式制作border-radius

    千次阅读 2017-11-14 07:59:24
    div {  width: 200px;  height: 200px;  border: 1px solid red;  }  div:first-child { /*结构伪类选择器 选亲兄弟 */  border-radius: 10px; /*一个数值表示四个角相
  • HTML基础学习-17-border 边框相关属性学习<!DOCTYPE html> <!-- border-style 边框风格 可以 border-style-left -right -top -bottom 定义某个方向的边框 none 默认属性 solid 直线边框 dashed 虚线边框
  • margin:外边距; padding:内边距; border:边框; IE不支持边框圆角border-radius属性
  • 简介:WEB前端|这是关于怎么设置HTML表格细边框的问题,把表格边框设置为细小的线条边框一般我们用表格的时候总会给它个border属性,比如:<tableborder="1">,其效果如下: 这是关于怎么设置HTML表格细边框的...
  • 用css控制border画三角形    div{ width:200px; height:200px; background-color:auto; } .triangle{ width:0px; height:0px;/*这里的数控制border中心方块的大小*/   border-top:0px solid; bord
  • html盒模型margin、padding、border使用

    千次阅读 2016-09-04 16:10:37
    盒模型是在html中非常重要的基础知识,这里主要说一下margin,padding、border使用时会遇到的一些需要注意的情况
  • 在表格排版的css中:border-collapse:是控制相邻边的显示方式...边框独立(标准HTMLborder-spacing控制单元格间距 collapse : 相邻边被合并 #dh table{ border-collapse: separate; border: 1px solid black;
  • 元素的边框 (border) ...border-style的值:(1)编辑代码打开记事本,编写其代码,并保存为HTML格式文件。代码如下。(2)在浏览器中浏览效果在浏览器中浏览效果如图所示。边框宽度您可以通过 border-width 属性为边框...
  • CSS表格 - border 属性 border 简写属性在一个声明设置所有的边框属性。 font 简写属性 在一个声明中设置所有字体属性。 可以按顺序设置如下属性:border-widthborder-styleborder-color 如下代码: p{border:5...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 30,039
精华内容 12,015
关键字:

htmlborder