精华内容
下载资源
问答
  • 摘要: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;

    }

    结果

    展开全文
  • 下面就是使用HTML中border属性绘制三角形的代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>border 属性绘制三角形</title> <style&...

    下面就是使用HTML中的border属性绘制三角形的代码:

    <!DOCTYPE html>
    <html>
    
    	<head>
    		<meta charset="UTF-8">
    		<title>border 属性绘制三角形</title>
    		<style>
    			.down-triangle {
    				width: 0;
    				height: 0;
    				border-width: 10px 10px 0 10px;
    				border-style: solid;
    				border-color: #dc291e transparent;
    			}
    			
    			.up-triangle {
    				width: 0;
    				height: 0;
    				border-width: 0px 10px 10px 10px;
    				border-style: solid;
    				border-color: #dc291e transparent;
    			}
    			
    			.left-triangle {
    				width: 0;
    				height: 0;
    				border-width: 10px 10px 10px 0px;
    				border-style: solid;
    				border-color: transparent #dc291e;
    			}
    			
    			.right-triangle {
    				width: 0;
    				height: 0;
    				border-width: 10px 0px 10px 10px;
    				border-style: solid;
    				border-color: transparent #dc291e;
    			}
    		</style>
    	</head>
    
    	<body>
    		<h3>Down Triangle</h3>
    		<div class="down-triangle">
    		</div>
    
    		<h3>Up Triangle</h3>
    		<div class="up-triangle">
    		</div>
    
    		<h3>Left Triangle</h3>
    		<div class="left-triangle">
    		</div>
    
    		<h3>Right Triangle</h3>
    		<div class="right-triangle">
    		</div>
    	</body>
    
    </html>
    

    效果图如下:
    在这里插入图片描述

    展开全文
  • 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中border属性设置

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

    千次阅读 2018-12-12 16:02:27
    浏览器支持 所有主流浏览器都支持 border ...在 HTML5 border 属性仅用于指示表格是否用于布局目的,且只允许属性值 "" 或 "1"。 语法 &lt;table border="1"&gt; ...
  • 如何为通过css为图片设置一个边框呢,HTML中是通过标记的border属性值,给图片添加边框的,css中是通过border属性,为图片设置各式各样的边框样式,border-style定义边框的样式,如虚线、实线或点划线等等。...
  • HTML关于border属性的一点小领悟

    千次阅读 2018-06-12 17:55:19
    通常我们会有两种做法:左侧截图的方法能够改变border-bottom的颜色,而右侧和下侧截图这种两种方式border-bottom的颜色将不会发生变化。如果想改变border-bottom的颜色,又不想在原来的CSS...
  • 本篇文章给大家带来的内容是关于cssdisplay属性和border属性常遇问题讲解,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。因为HTML很少有太复杂的问题,所以直接写一篇关于CSS的常见问题及解答...
  • cssborder属性

    2010-04-19 15:59:00
    我们先来认识一下“Border”(画边框),它是CSS的一个属性,用它可以给能确定范围的HTML标记(如TD、DIV等等)画边框,它可以定义边框线的类型、宽度和颜色,利用这个特性,可以制作一些特殊效果。下面将通过实例来...
  • 5 cssborder属性

    2019-06-08 02:50:21
    DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
  • css中border属性的特殊用法(实现特殊形状) 效果图如下: HTML代码: &amp;lt;h3&amp;gt;Example 1&amp;lt;/h3&amp;gt; &amp;lt;div class=&quot;example1&quot;&amp;gt;&amp;lt...
  • CSS边框border属性

    2019-01-29 16:26:57
    HTML ,我们使用表格来创建文本周围的边框,但是通过使用 CSS 边框属性,我们可以创建出效果出色的边框,并且可以应用于任何元素。 元素外边距内就是元素的的边框 (border)。元素的边框就是围绕元素内容和内边...
  • 这里边框属性的虚线边框border控制虚线。以下配置的css 高度(css height)和css 宽度(css width)为350像素。 一、四边为虚线边框 border:1px dashed #000; 黑色虚线边框 实例: CSS代码: .hackhome{border:1px ...
  • 链入外部样式表文件 【最常用】三、CSS border属性1、边框颜色 border-color2、边框粗细 border-width3、边框样式 border-style 一、初识CSS 1、是什么 CSS: 层叠样式表 或 级联样式表 (CascadingStyle Sheet) 2、...
  • font 简写属性 在一个声明设置所有字体属性。 可以按顺序设置如下属性border-widthborder-styleborder-color 如下代码: p{border:5px solid red;} 具体参数值在下面 一 一介绍 CSS表格 - border-collapse ...
  • 标签的 border 属性规定图像周围的边框的宽度,就是说可以增加或去掉图像的边框。 注释:默认地,图像是没有边框的(除非图像在 a 元素内部)。 浏览器通常会把代表超链接的图像(例如包含在 <a> 标签的...
  • 图解CSS padding、margin、border属性W3C组织建议把所有网页上的对像都放在一个盒(box),设计师可以通过创建定义来控制这个盒的属性,这些对像包括段落、列表、标题、图片以及层。盒模型主要定义四个区域:内容...
  • CSS padding margin border属性详解 图解CSS padding、margin、border属性 W3C组织建议把所有网页上的对像都放在一个盒(box),设计师可以通过创建定义来控制这个盒的属性,这些对像包括段落、列表、标题、图片...
  • CSS之border属性

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

    千次阅读 2012-04-23 10:39:14
    border-collapse 属性设置表格的边框是否被合并为一个单一的边框,还是象在标准的 HTML 那样分开显示 浏览器支持 所有主流浏览器都支持 border-collapse 属性。 注释:任何的版本的 Internet Explorer (包括...
  • 本文是我们的“ HTML5 / CSS3教程系列”的一部分 -致力于帮助您成为更好的设计师和/或开发人员。... 但是,有了新的CSS3 border-image属性 ,在HTML元素上创建边框变得更加先进。 好吧,简单地说,我们现在...
  • CSS样式表 border-collapse 的属性

    千次阅读 2012-05-22 15:32:31
    CSS样式表 border-collapse 属性是用来设置 table 表格的边框是否被合并为一个单一的边框,还是象在标准的 HTML 那样分开显示。 目前所有主流浏览器都支持 border-collapse 属性border-collapse 属性值: ...
  • 如下代码下a、b、c部分的宽高均为100...DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>练习</title> <style> * { margin:0; padding:0; ...
  • 默认gridview控件会在生成的html代码的style属性中加入border-collapse:collapse,如果想把它去掉的话
  • 状况描述:将table的border属性设为0,可以去掉table自带的边框;而在CSS给tr设置border是无效的。 解决方案:给table的样式加一条border-collapse:collapse;<!--HTML--> <td>1 <td>2 </table>/*CSS*/ ...

空空如也

空空如也

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

html中border属性