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

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";
}

大概这样子，具体大小你再调调