在文本附近的圆的边界 [英] Round Border around text

问题描述

如何使用CSS应用图像中显示的效果

How can i apply the effect shown in the image using css

<div class="textstyle"><b>Sales Cash Invoice</b></div>

推荐答案

HTML：

< div class =textstyle> Sales Cash Invoice< / div>

CSS：

.textstyle {
    background-color: gray; /* Changing background color */
    font-weight: bold; /* Making font bold */
    border-radius: 20px; /* Making border radius */
    width: auto; /* Making auto-sizable width */
    height: auto; /* Making auto-sizable height */
    padding: 5px 30px 5px 30px; /* Making space around letters */
    font-size: 18px; /* Changing font size */
}

如果要添加字体，一个新行到css font-family：font_name; 。我不能这样做，因为我不知道图像上是什么字体。

If you want to add font, just add a new line to css font-family: font_name;. I can't do that because i don't know what font is on the image.

要获得更精确的颜色，请使用拾色器。

For a more precise colors, use Color Picker.

这篇关于在文本附近的圆的边界的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！