如何实现下面这张图的效果？帮帮我谢谢了

Question

这是这一小部分的代码：

 <div class="say">

    <label><span class="describe">个人描述：</span></label>

    <textarea cols="60" rows="5" value=""></textarea>

    <span class="sure"><input type="submit" value="确认提交"></span>

    </div>

    </form>

    </div>

CSS样式部分该怎么写？我想了半天实在想不出来该怎么弄。附图。这是我自己做的图。文字还有背景样式，都和另外一张图片不对，而且又不能居中。下面张图是样式图。，这样式图很好看，而我自己做得那么丑，求各位帮帮忙指导一下这小块该如何实现。

Answer 1

.sure {     display: block;     background-color: #3355d0;     border-radius: 10px;     height: 44px;     line-height: 44px;     text-align: center; } .sure input {     background-color: transparent;     border: none;     color: #fff;     font: bold 18px "Microsoft Yahei"; }大概这样子，具体大小你再调调