相关疑难解决方法(0)

在三角形元素上添加边框

我想在三角形周围创建一个边框.到目前为止我有这个:

的jsfiddle

.myDiv {
  width: 300px;
  padding: 15px;
  text-align: right;
  background-color: lightblue;
  position: relative;
  border: 1px solid black;
}
.myDiv::before {
  content: "";
  position: absolute;
  bottom: -20px;
  right: 20px;
  border-right: 20px solid lightblue;
  border-bottom: 20px solid transparent;
}
Run Code Online (Sandbox Code Playgroud)
<div class="myDiv">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco</div>
Run Code Online (Sandbox Code Playgroud)

但我无法为before元素添加边框.如何在底部伸出的部分周围添加边框('before`元素)?

(我看到了这个问题,但我不能对此应用相同的原理,因为它的形状不同.)

html css

5
推荐指数
1
解决办法
300
查看次数

标签 统计

css ×1

html ×1