CSS 边框半径如何设置文本

Question

我想要这样的边界半径和背景颜色。我花了很多时间来设计这样的样式，请您指导我如何设置样式，文本是创建文档和创建 Docx

Answer 1

使用边界半径，像这样：

.button {
  border-radius: 20px;
  background: lightgray;
  padding: 6px 10px;
  color: #575d63;
}

<span class="button">Create Document</span>

Answer 2

显示样式绝对统一和相对

这里是一个近似测量的例子

unity   Meaning Approximate 
in   Inches  1in = 25.4mm
cm  Centimeters 1cm = 10mm
pc  Spades 1pc = 4.23mm
mm  Millimeters 1mm = 1mm
pt  Points  1pt = 0.35mm
px  Pixels 1px = 0.26mm
Q   Quarter mm  1Q = 0.248mm

相对单位

unity   Meaning Approximate 
em  «M» 1em 
ex  «X» (~0.5em)    1ex 
ch  «zero width»    1ch 
rem «root M»    1rem 
%   

那么这里应用相对于绝对值和绝对值到相对值的转换很容易

.button {
  border-radius: 2.50em;
  background: lightgray;
  padding: 0.7500em 1.2500em;
  color: #575d63;
}