如何在Ruby on Rails上绘制可缩放的矩形

感觉就像是要像使用Adobe Illustrator一样绘制海报。

对于WEB设计，您不应该这样推理。将您的网页主要看作是挤压并适应您的内容的容器的集合。

1. 创建将覆盖文本背面的白色矩形

这只是容器的背景。但是，如果您真的想要只覆盖字母的东西，可以尝试类似

HTML：

<span class="white-shadow">Your text</span>

的CSS

.white-shadow{
  background: white;
}

2. 使角稍圆

这是一个CSS属性，称为

.your_class{
  border-radius: 2px 2px 0 0; // Round corners of 2px radius for top left/right corners
}

3. 使矩形大小略大于文本大小

您实际上想在容器中添加一些填充

.container{
  padding: 5px 10px 5px 10px;
}

如果您不懂这些，我强烈建议您阅读HTML / CSS教程。