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>