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>