fieldset legend 带半边框样式

最新推荐文章于 2023-11-15 09:33:41 发布

安得权

最新推荐文章于 2023-11-15 09:33:41 发布

阅读量277

点赞数 1

分类专栏： [ 05 ] JS&HTML&CSS

本文链接：https://blog.csdn.net/CsethCRM/article/details/117079603

版权

[ 05 ] JS&HTML&CSS 专栏收录该内容

94 篇文章 2 订阅

订阅专栏

<style>
    fieldset { padding: 10px; margin: 20px; color: #333; border: #06c dashed 1px; padding: 20px; }
    legend { color: #06c; font-weight: 800; background: #fff; padding: 2px 20px 2px 20px; border: #09c solid 1px; font-size: 14pt; }
    ul { list-style-type: none; margin: 0px; padding: 0px; }
    li { font-size: 16pt; font-weight: bold; }
        li sub { font-size: 10px; color: mediumpurple; font-weight: 100; }
</style>

使用示例: 
<fieldset>
    <legend>
        不区分大小写中文可以用拼音 （需要用到hz2py.js 和 Select2）
    </legend>
    <form class="form-horizontal">
        <div class="form-group">
            <select data-placeholder="选择..." class="select2-pinyin form-control" id="Province" style="width:200px;">
                <option value="">请选择-不区分大小写中文可以用拼音</option>
                <option value="110000" hassubinfo="true">你好</option>
                <option value="120000" hassubinfo="true">拼音</option>
                <option value="130000" hassubinfo="true">AnDequan</option>
                <option value="140000" hassubinfo="true">中华人民共和国</option>
            </select>
        </div>
    </form>
</fieldset>