css - 如何使用 css 将带有圆 Angular 的彩色框中的文本居中

Question

我试图用 css 创建一个“图像”，让它看起来像真实的图像(se attached .png)盒子的大小约为 280x30 像素。

我该怎么做？

感谢大家的帮助!

enter image description here

Answer 1

你可以这样做:

HTML:

<div class="box">
  Text Here
</div>

CSS:

.box {
  background: orange;
  border-radius: 5px 5px 0px 0px;
  text-align: center;
  color: white;
  padding: 10px;
}

只需调整您的宽度，目前它是 100% 宽。

简单。 https://jsfiddle.net/7ank4ueu/