border-width

前端技巧集：无处不在的小三角

triangle{display:inline-block;border-width:100px;border
jdzhangxin·2020-02-17 03:04

CSS-2

1、盒子模型之边框参数描述border复合样式border-color边框颜色border-width边框宽度border-style边框样式border-top上边框border-left左边框border-right
昆仑草莽·2020-02-17 02:18

2019-04-06

边框border-width:宽度border-style:样式border-color：transparent(透明)颜色border:1pxsolid#000;简写圆角属性：border-radius
电竞宋昭玮·2020-02-16 01:10

border-width和border其它属性配合实现的小三角形标签效果

如图，附上css代码{width:0;border-width:30px0px72px164px;border-style:solid;border-color:red;border-left-color
采姑娘的大白菜·2020-02-15 22:40

布局小练习1

题目使用HTML+CSS实现如图布局，border-width:5px，格子大小是50px*50px，hover时边框变成红色，需要考虑语义化。
lx_smile·2020-02-15 03:20

CSS 深入理解 border

第一节：border-width的特性border-width不支持百分比原因：border的语义决定，所谓border边框，不会因为设备的大小的变化而按比例变化，所以百分比单位不符合语义。
辉夜乀·2020-02-15 00:18

使用CSS制作三角形

100px，高100px，边框宽度100px，上边框颜色是红色，右边框颜色是蓝色，下边框颜色是黑色，左边框颜色是粉色，效果是这样的：.triangle{width:100px;height:100px;border-width
有理想_·2020-02-14 03:41

边框

边框.box{width:200px;height:200px;background-color:#bfa;/*设置边框*//*border-width:10px;*//*border-color:red
斜杠先生_·2020-02-12 01:17

freecodecamp 小结code<一>

font-family:Lobster,Monospace;}p{font-size:16px;font-family:Monospace;}.thick-green-border{border-color:green;border-width
飞翔你我·2020-02-11 18:39

2019-04-06

边框border-width:宽度border-style:样式border-color：transparent(透明)颜色border:1pxsolid#000;简写圆角属性：border-radius
Yscum·2020-02-11 05:31

CSS知识梳理

1、盒子模型位置属性外边距margin、margin-top、margin-right、margin-bottom、margin-left边框border、border-style、border-width
Miridescent·2020-02-08 18:52

CSS盒模型基础

边框(border)1.四个边的边框属性作用border-width边框的宽度border-style边框的样式border-color边框的颜色例如：border-width:1px;border-style
jdzhangxin·2020-02-07 19:53

寒假学习笔记（6）

border-style边框样式border-width边框宽度border-color边框颜色CSS外边距marginCSS外边距合并外边距合并指的是，当两个垂直外边距相遇时，它们将形成一个外边距。
金猫大帝·2020-02-06 21:00

css小技巧

利用border实现三角形和平行四边形.test{width:0;height:0;margin:50px;border-style:solid;border-width:24px;border-color
oWSQo·2020-02-02 21:07

less与sass分别提取公共样式

less公共样式//三角形.triangle(@color,@size){width:0;height:0;border-width:0@size@size;border-style:solid;border-color
爱上咖啡的粟斌童鞋·2020-02-02 15:29

CSS之盒模型边框，内边距，外边距，阴影，圆角

margin）组成；盒子里面的文字和图片等元素是内容区域；盒子的厚度我们称为盒子的边框；盒子内容与盒子之间的距离是内边距；盒子与盒子之间的距离是外边距；标准盒子模型盒子边框（border）border:border-width
计算机相关人员·2020-02-01 23:00

CSS的长度单位

一些设置CSS长度的属性有width,margin,padding,font-size,border-width,等。长度由一个数字和单位组成如10px,2em,等。数字与单位之间不能出现空格。
springsnow·2020-01-15 17:00

CSS 教程（2）-属性4-边框,轮廓,Margin,Padding等

两个边框的宽度和border-width的值相同groove:定义3
价值投机168·2020-01-08 03:11

如何利用border属性制作小三角形

方式1使用伪类利用border的属性border-style,border-color,border-width,border-top-width等属性，在伪类上制作三角形，当然为了将三角形放到合适的地方
JamesSawyer·2020-01-07 21:13

边框

:plum;/*只需要指定边框的形状，就可以显示边框solid：实线；dashed：虚线；dotted：点状线*//*border-style:solid;*//*改变边框的粗细，默认是3像素*//*border-width
洛洛kkkkkk·2020-01-07 12:40

css写三角形

margin:60px;width:100px;height:100px;background-color:#1e6abc;}.div1:after{display:block;content:'';border-width
xilong·2020-01-07 01:19

LESS

&表示串联选择器#header{h1{font-size:26px;font-weight:bold;}p{font-size:12px;a{text-decoration:none;&:hover{border-width
KeKeMars·2020-01-03 05:24

一周一章前端书·第22周：《HTML与CSS进阶教程》S02E09

盒模型缩写/**border属性缩写*/border-width:
梁同学de自言自语·2019-12-31 17:31

css实例，两个经典bug，BFC，浮动

circle1,.circle2,.circle3,.circle4,.circle5{position:absolute;width:100px;height:100px;border-radius:50%;border-width
二璇妹妹·2019-12-31 11:50

CSS 样式介绍（三）

margin:0;padding:0;}*{margin:0;padding:0;}ul{list-style:none;/**取消列表自带的小点**/}1.边框、内边距、外边距border属性:border:border-width
走在路上的小二·2019-12-29 05:58

CSS基本属性的用法

style:dotted;border-left-style:solid;||6|边框宽度|border-width:20px|补充:锚点链接1.HTML标签2.3.4.回到顶部执行效果:点击4跳转到2
后来的猿·2019-12-29 04:46

CSS 实现三角形的2种方法

一、利用border1、元素本身的长宽为02、将不需要的部分通过border-color来设置隐藏//html//css#first{width:20px;height:20px;border-width
fozero·2019-12-27 12:43

DIV 设置画三角形并且包含悬浮的气泡

font-weight:bold;font-style:normal;/*color:rgb(0,255,255);*//*border:10pxsolidblack;*//*border的分解写法*/border-width
domy_ae5a·2019-12-22 12:05

CSS知识

解决移动端边框2像素问题####A{border：1pxsolid#eee；-webkit-transform：scale(0.5)}```####用CSS3制作聊天窗口的小角####```cssA{border-width
贞贞姐·2019-12-18 18:45

利用边框写一个三角形

div{width:40px;height:40px;border-width:40px;border-style:solid;border-color:redgreenbluebrown;}div{width
Cutelady·2019-12-18 18:00

前端-07 盒子模型

height来设置盒子内容区的高度width和height只是设置的盒子内容区的大小，而不是盒子的整个大小，盒子可见框的大小由内容区，内边距和边框共同决定为元素设置边框:要为一个元素设置边框必须指定三个样式border-width
张露锋·2019-12-17 21:20

盒子模型，边框（border），内边距（padding）

用widthheight来设置内容区的大小widthheight只适用于块元素二：边框用border属性（width，color，style）border-width：10px20px30px40px;
晚冬至雪·2019-12-17 19:49

重论画尖角

之前有讲过画尖角的，今天重新论述一下这个，来看一下下面的代码.style-1{height:0;font-size:0;line-height:0;border-style:solid;border-width
lMadman·2019-12-16 08:36

小总结1

1.防止定时器累加在设置定时器前先清除定时器2.鼠标移上移开可用hoverjquery3.定时器缓动动画递增起始值+=(结束值-起始值)*缓动系数4.border实现三角形向上：border-width
前端毛毛·2019-12-16 02:15

css实现小三角（原理）

效果图如图1所示：（简单示范，有点丑，莫介意）PS:兼容IE，FF,chrome,360安全浏览器先讲下原理吧，如图2所示：这个div的样式如下所示：div{width:0px;height:0px;border-width
小豌豆书吧·2019-12-13 06:23

CSS盒子模型、RestCSS、浮动、定位

border左边框：border-left右边框：border-right上边框：border-top下边框：border-bottom复合样式：border边框颜色：border-color边框宽度：border-width
纪宇-年华·2019-12-10 14:00

css盒子模型

1.内边距(内容到边框的距离）td{padding-top:100px;}2.边框p{border-style:dashed;(边框样式）border-top-style:none;（单边框样式）border-width
你今天喝牛奶了吗·2019-12-07 22:18

css画图

原理是利用边框实现，好处是不用加载图片，节省流量；坏处就是会有很长一段css样式基本：1.设置width,height为0，然后设置一个border-width利用border可以画很多有趣的图1、绘制椭圆形
浮若年华_7a56·2019-12-06 20:48

慕课网HTML+CSS基础笔记四

如下面代码为div来设置边框粗细为2px、样式为实心的、颜色为红色的边框：div{border:2pxsolidred;}上面是border代码的缩写形式，可以分开写：div{border-width:
空指针的空·2019-12-01 22:24

右侧 (>) 的after css

.weui-cell_access.weui-cell__ft:after{content:"";display:inline-block;height:6px;width:6px;border-width
演员的自我修养_4618·2019-11-29 18:59

css 三角形制作

先定义一个带边框的盒子.triangle{width:40px;height:40px;border-width:40px;border-style:solid;border-color:redgreenyellowblue
豆浆的铲屎官·2019-11-27 23:29

css 画太极

yin-yang{width:96px;box-sizing:content-box;height:48px;background:#eee;border-color:red;border-style:solid;border-width
37点2度·2019-11-27 19:00

react 移动端 1像素线的使用

:relative;&:before{content:"";position:absolute;top:0;left:0;border-style:solid;border-color:$color;border-width
eglishzhang·2019-11-26 17:00

CSS之border绘制三角形

test-border{width:100px;height:100px;margin:100pxauto;background:#fff;border:2pxsolidorange;}得到的效果如下：因为我们一般设的border-width
陌上兮月·2019-11-25 11:00

CSS布局属性

边框可以分为边框类型、粗细和颜色，因此可以包含border-width、b
库巴亚西康纳·2019-11-21 21:00

day4

1120Border边框css属性边框颜色border-color：red/#ffffff/rgb()默认为黑色边框样式border-style:solid（实线）dashed(虚线)默认为none边框粗细border-width
橘生_淮南·2019-11-20 19:00

1120

------------恢复内容开始------------border边框css属性边框颜色border-color边框样式border-stylesolid实线dashed虚线边框粗细border-width
李糊糊·2019-11-20 16:00

前端笔记2

盒子中的所有的内容和子元素都在内容区中width:200px;height:200px;background-color:#bfa;2.边框（border）,边框是盒子的边缘，修改边框会影响到整个盒子的大小border-width
从精通到陌生·2019-11-20 01:00

css实现的交互小三角箭头图标

复制代码代码如下:css实现的交互小三角箭头图标p{border-color:transparenttransparent#f0f0f0transparent;border-style:solid;border-width
·2019-11-14 20:34

【小技巧】只用css实现带小三角的对话框样式

width:100px;border:1pxsolidred;height:100px;position:relative;}.box{width:0;height:0;border-style:solid;border-width
后知后觉0107·2019-11-13 15:00
上一页 7 8 9 10 11 12 13 14 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他