我怎样才能让我的 h1 在右下角有一个边框 css？

Question

我需要 html 中的 h1 元素的角。你可以看到图片上的例子。我怎样才能用 css 做到这一点？

https://i.imgur.com/wUoGwx9.png "h1 Example"

Answer 1

很简单。您可以将元素包装到元素中，并使用 border-bottom 和 border-right 为其分配边框。顺便提一句。这是一个基本问题..

这里是 fiddle：https://jsfiddle.net/gyat67vd/1/

Answer 2

使用多重背景：

h1 {
  background-image:
    linear-gradient(blue,blue),
    linear-gradient(blue,blue);
  background-position:bottom right;
  background-size:3px 20px,20px 3px;
  background-repeat:no-repeat;
  
  display:inline-block;
  padding:0 5px;
}

<h1>Some text here</h1>

我怎样才能让我的 h1 在右下角有一个边框 css？

How can i give my h1 a border at the bottom right corner with css?

css

border

html-heading