css - CSS中的自定义图像边框

Question

所以我想制作一个如下所示的文本字段：

可以像这样随着文本变短或变长而调整大小

前任; 和

这是我得到的零件，，

那么有什么简单的方法可以用css做到这一点吗？

Answer 1

例子

<style>


.class_name{border: 1px solid white;-moz-border-radius:19px;
-webkit-border-radius: 19px;
border-radius:5px;
-moz-box-shadow: 0px 0px 5px #666;
-webkit-box-shadow: 0px 0px 5px #666;
box-shadow: 0px 0px 5px #666;
padding:2px 10px;
text-align:center;
width:70px; height:auto;
margin:0px auto;}
</style>

html代码

<div class="class_name">sample</div>