border属性怎么用(border属性什么意思)
网页基础之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属性
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，就可以只显示左边的，实现一个直角三角形
CSS如何怎么设置div边框颜色宽度和高度？
CSS设置div边框颜色宽度和高度步骤如下：
1、新建一个html文件，创建一个类名为wrap的div。
2、先通过css类选择器选择到div来控制div的宽度和高度和背景颜色（没有边框时方便看出来div的大小）。
3、通过div 的border属性控制边框颜色，设置border的宽度为2px，线型为实线，颜色为蓝色。
4、这样就可以设置div边框颜色宽度和高度，如下图：
扩展资料：
css border属性：
border 简写属性在一个声明设置所有的边框属性。
可以按顺序设置如下属性：
border-width，border-style，border-color
如果不设置其中的某个值，也不会出问题，比如 border:solid #ff0000; 也是允许的。
CSS border（边框）样式写法总结
border属性 ：在网页中设置元素的边框样式。可同时设置边框宽度、边框样式、边框颜色。也可以单独设置上边、右边、下边、左边的边框。
语法：border： border-width | border-style | border-color;
border-width ：边框宽度。可以指定长度值。如1px，1em（单位为px，pt，em等）。或者使用关键字medium（默认），thick，thin。
?border-top-width：设置元素上边框宽度
?border-right-width：设置元素右边框宽度
?border-bottom-width：设置元素下边框宽度
?border-left-width：设置元素左边框宽度
border-style ：边框样式。
?border-top-style：设置元素上边框样式
?border-right-style：设置元素右边框样式
?border-bottom-style：设置元素下边框样式
?border-left-style：设置元素左边框样式
?属性值有：
??none：无边框。
??hidden：隐藏边框。对于表，hidden 用于解决边框冲突。
??dotted：点状边框。
??dashed：虚线边框。
??solid：实线边框。
??double：双线边框。两条单线与其间隔的和等于指定的border-width值。
??groove：3D凹槽边框。
??ridge：3D垄状边框。
??inset：凹边框。
??outset：凸边框。
border-color ：边框颜色。
1.1 边框各样式效果图
1.2 四条边颜色样式相同
1.3 四条边颜色不同，样式相同
1.4 四条边颜色相同，样式不同
1.5 设置上边框宽度、样式、颜色
1.6 设置右边框宽度、样式、颜色
1.7 设置下边框宽度、样式、颜色
1.8 设置左边框宽度、样式、颜色
以上对border边框属性进行了基础操作，大家可以根据自己的经验为边框制作出更漂亮的样式。如若大家有什么更好的见解，那就在回复区畅所欲言吧，我定会吸取精华~如有写错欢迎大家回复，我以后定会更加细心 _
请问HTML语言中bordor属性怎么用?
1.border就是边框的意思，它定义的是块级元素（有这个属性display:block），元素的边框
(border)
是围绕元素内容和内边距的一条或多条线；
2.边框的属性：有宽度（width),样式(style),颜色(color)，如果一起定义可以这样；在css中，img{
border:5px
solid
red
};定义所有图片的样式。
3.边框还可以单独定义，按上右下左
（top-right-bottom-left
）的顺序；如，p.aside
{border-style:
solid
dotted
dashed
double;}这条规则为类名为
aside
的段落定义了四种边框样式：实线上边框、点线右边框、虚线下边框和一个双线左边框。
1）如果，只有3个规则，如p.aside
{border-style:
solid
dotted
double;}表示，上、左右、下；2）如果，只有2个规则，如p.aside
{border-style:
solid
double;}表示，上下、左右。
3）1个规则，就不用说了，表示四个方向都遵守这个规则。
另外，还可以这样：p
{
border-style:
solid;
border-top-width:
15px;
border-right-width:
5px;
border-bottom-width:
15px;
border-left-width:
5px;
}
4.在css文件(以.css后缀)中，如a.css。一，定义全部元素用通配符"*"号：如，*{padding:0px;margin:0px}
二，定义标签元素(tagname)直接写，如p{规则；}、div{规则；}等；三，定义类元素(class)用"."，如html中有p
class="aside"abc/p,css文件中用.aside{规则}定义样式；四，定义id用"#",如html中有p
id="aside"abc/p,css文件中用#aside{规则}定义样式；至于id与class的区别，就不说了。
5.border的详解，在这：
对了，引用css用link。