Html 如何在按钮的中心添加两条线

.btn {
  position: relative;
  width: 362px;
  height: 71px;
  color: #FFFFFF;
  background-color: #000000;
  border: 3px solid #E82929;
  font-family: 'Flamenco';
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 25px;
  text-align: center;
}

<button class="btn">Забронировать столик</button>

.btn {
  position: relative;
  padding: 20px 50px;
  color: #FFFFFF;
  border: 3px solid #E82929;
  font-family: 'Flamenco';
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 25px;
  text-align: center;
  
  background: linear-gradient(90deg, #E82929 40px,#0000 0 calc(100% - 40px), #E82929 0) 50%/100% 3px no-repeat;
  background-color: #000000;
}

<button class="btn">Забронировать столик</button>

Html相关问答推荐

Blazor中有1像素高行的表格

损坏的可点击html邮箱签名

如何实现弯曲的梯形导航栏？

Angular Project中的星级 Select

在Firefox中，使用写入模式：Vertical-LR时，不随内容扩展的css弹性项

轨道上的居中范围滑块拇指(Webkit)

更改Angular 为17的material Select 字段的高度？

当文本添加到元素中时，将元素拉到页面上

你将如何为手机制作导航栏

我如何确保我的网格永远不会小于它的子网格

如何 Select 表格'；TMS Web Core中的body html元素？

如何使用html css将图像显示为附加形状

如何使用动画拆分和对齐文本块

如何使用 CSS 和 HTML 将文本放入图像中？

如何让 backdrop-filter： blur() 效果在 iOS 上运行？

Tailwind CSS 复选框样式不起作用

无法从社交栏中 Select 选项

CSS 变量不适用于自定义属性回退值

CSS：如何在模糊的背景上剪切文本？

使用 CSS 的发光边框动画没有流畅的过渡