Html CSS->;边框底部未显示1.5px

Html CSS->;边框底部未显示1.5px,html,css,Html,Css,我想显示border 1.5px,我看不见。它的显示与1px相同。我不想要2px,因为它对我来说太宽了 .newTitle{ 边框底部:1.5px实心橙色; } 堆栈溢出您可以在EM中尝试。 假设EM为16px,1.5px=0.09375em 祝你好运 考虑到像素的定义,我并不感到惊讶。 也许添加的阴影比2像素边框对您的感觉更好。 #百分比{ 宽度:200px; 颜色:白色; } #百分比。首先{ 宽度:50%; 高度:20px; 背景色:红色; } #百分比。第二{ 宽度:50.5%; 高度

我想显示border 1.5px,我看不见。它的显示与1px相同。我不想要2px,因为它对我来说太宽了

.newTitle{
边框底部:1.5px实心橙色;
}

堆栈溢出

您可以在EM中尝试。 假设EM为16px,1.5px=0.09375em
祝你好运

考虑到像素的定义,我并不感到惊讶。 也许添加的阴影比2像素边框对您的感觉更好。

#百分比{
宽度:200px;
颜色:白色;
}
#百分比。首先{
宽度:50%;
高度:20px;
背景色:红色;
}
#百分比。第二{
宽度:50.5%;
高度:20px;
背景颜色:绿色;
}
#百分比。第三{
宽度:51%;
高度:20px;
背景颜色:蓝色;
}
#像素{
颜色:白色;
}
#像素。首先{
宽度:50px;
高度:20px;
背景色:红色;
}
#像素。第二{
宽度:50.5px;
高度:20px;
背景颜色:绿色;
}
#像素。第三{
宽度:50.6px;
高度:20px;
背景颜色:蓝色;
}
#像素。第四{
宽度:51px;
高度:20px;
背景色:红色;
}

50%=100px
50.5%=101px
51%=102px

50px 50.5px 50.6px 51px
评论变成了答案:


你必须找到一个折衷方案,因为像素不能被分割成碎片,阴影可能会使幻觉变厚一点:

box阴影:0 1px 1px-1px橙色

演示

.newTitle{
边框底部:1.5px实心橙色;
}
比斯先生{
长方体阴影:0 1px 1px-1px橙色
}
彼得先生{
底部边框:2倍纯色橙色;
}
堆栈溢出(1px)

堆栈溢出(1px+阴影)


堆栈溢出(2px)

好吧,只要你的显示器不能照亮半个像素,我想你可能在那里运气不好……试试双边框而不是实心边框?这取决于颜色。例如,2px浅灰色看起来不会像2px红色那样奇怪。(公平地说,CSS中的1px不一定等于1个物理像素,但通常情况下,事实上是这样)文章展示了一个巧妙的技巧来伪造半像素,浏览器通常忽略了这一点。你必须找到一个折衷方案,因为像素不能被分割成碎片,阴影可能会使幻觉变厚:框阴影:0 1px 1px-1px橙色演示:然后他的屏幕仍然必须显示为一行或两行红色像素。不起作用@Mariante您是否只是从该问题的公认答案示例中复制了代码?也许只是把这个问题标记为重复。是的。他问的问题不同。但答案是一样的。这可能最接近OP想要的。在我的屏幕上看起来很可信。好主意!可惜你没有举个例子。现在有人做了。