我要招人

去企业版

首页 > 试题广场 >

画一条0.5px的线

[问答题]

如果要画一条0.5px的线，你会怎么去实现呢？讲讲你的方法。

波比巴卜

先画1px的，然后transform:scaleY(0.5)

发表于 2019-01-01 19:15:02 回复(0)

frontWhite

采用meta viewport的方式

//1px像素线条 <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=0">

//0.5像素线条 <meta name="viewport" content="width=device-width,initial-scale=0.5,user-scalable=0">

采用 border-image的方式

首先需要自己制作一个0.5像素的线条作为线条背景图片。

p{ border-width: 0 0 1px 0; border-image: imageUrl 2 0 round; }

采用transform: scale()的方式

transform: scaleY(0.5);

transform-origin: 50% 100%;

发表于 2019-01-22 18:55:21 回复(0)

小麦色的阳光

height: 1px;
transform: scaleY(0.5);
transform-origin: 50% 100%;

发表于 2020-12-18 21:20:27 回复(1)

fanerge

https://juejin.im/post/6844903582370643975

发表于 2020-10-03 10:29:17 回复(0)

牛客906472938号

额，没看懂这道题，直接定义一个div，宽度100%撑满，高度0.5px加个背景颜色不就行了吗。。还是我没看懂隐藏意思

发表于 2020-09-17 19:14:26 回复(0)

吃不饱的安哥拉兔

box-shadow: 1px 0.5px;

发表于 2020-03-08 22:45:53 回复(0)

太阳煮的酒

transform：scaleY（0.5）

发表于 2019-06-06 16:05:49 回复(0)

TiAmo_9955

直接设置0.5px

发表于 2019-04-30 15:15:19 回复(0)

C.Lan

border=0.5px solid #000;

发表于 2019-04-18 21:34:55 回复(0)

Armo201903181953602

border-bottom:1px solid gray

发表于 2019-04-10 15:22:03 回复(3)

Mistletoe程序猿

给hr标签设置高为0.5px

发表于 2019-04-05 10:27:54 回复(0)

钟易1128

给
标签设置样式

发表于 2019-03-25 23:03:56 回复(0)

小菜🐔

假设给盒子设置下边框

.box{

width:100px;

height:100px;

position:relative;

}

.box :after{

content:"";

position:absolute;

left:0;

bottom:0;

width:100%;

height:1px;

transform:scaleY(0.5);

}

设置四周边框:

{

content: "";

position: absolute;

top: 0;

left: 0;

right: 0;

bottom: 0;

width: 200%;

height: 200%;

transform: scale(0.5) translate(-50%, -50%);

pointer-events: none;

box-sizing: border-box;

transform-origin: 50% 50%;

}

编辑于 2019-03-15 15:19:18 回复(0)

文字for

伪元素，然后scale。

发表于 2019-03-14 16:49:45 回复(0)

saberzhong

弄一个盒子，高度设置0.5px

发表于 2019-03-13 15:11:17 回复(2)

柿子大饼

〈hr /〉然后设置属性长度为1.5

发表于 2019-03-06 10:19:39 回复(0)

成长也是一种财富

利用<hr />标签，并且设置属性

编辑于 2019-02-22 16:57:29 回复(0)

Meeker

利用hr标签，设置元素属性为0.5px

发表于 2019-02-13 11:30:50 回复(0)

牛客6601589号

1.想到用svg或canvas方法，用line画一条线，设置线条宽度或线条描边宽度2.画一条1px的线，用transform：scale(.5)的方法

发表于 2019-01-23 20:50:32 回复(0)

liu.xy

没明白，求详细解答

发表于 2019-01-10 18:24:46 回复(0)

提交观点

问题信息

前端工程师 HTML

上传者：小小

难度：

20条回答 63收藏 7625浏览

画一条0.5px的线

问题信息

热门推荐

相关试题