只要部分左边框，css怎么写？

只想要红色部分的边框，怎么写？最好不用伪类

javascript 前端 css3 css html

阅读 4.1k

5 个回答

得票最新

linong

29.2k1266132

发布于
2020-05-16

dom 嵌套，里面小盒子设置左边框
after 等方法，absolute定位
box-shadow, 效果应该还是有细微的偏差的

艾克斯

1713

发布于
2020-05-16

父级div套用子级div，设置好border padding 与margin，只显示子级左边框不同颜色就好了。如下

`
<!DOCTYPE html>
<html>
<head>

<style>
  .out {
    padding: 10px 10px 10px 0;
    border-color: black;
    border-style: solid;
  }
  .in {
    margin-left: -3px;
    border-left-style: solid;
    : solid;
    border-left-color: coral;
  }
</style>

</head>
<body>

<h1>A heading with a colored left border</h1>
<div class='out'>
  <div class='in'>The border-left-color can be specified with a color name</div>
</div>

</body>
</html>
微信截图_20200516133816.png `