一个古老的html标签---fieldset

最新推荐文章于 2025-04-07 19:43:00 发布

小玖玖~

最新推荐文章于 2025-04-07 19:43:00 发布

阅读量284

点赞数 3

文章标签： html 前端

本文链接：https://blog.youkuaiyun.com/qq_46551454/article/details/132036820

版权

本文展示了HTML中的一个el-input元素及其app-center类样式，包括CSS代码，用于创建一个带有输入框的字段集，具有居中对齐和定制样式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

代码：

html

<fieldset class="app-center">
      <legend>本期结果</legend>
      <p style="text-align: center;padding: 0;margin: 0;">
        <el-input class="bqjg" v-model="bqjg_1" placeholder="百位号码"></el-input>
      </p>
    </fieldset>

css

 .app-center {
    margin: 20px auto;
    padding: 20px 0 20px 20px;
    font-size: 16px;
    font-weight: 500;
    border: 1px solid rgb(190, 187, 187);
    border-radius: 8px;
    box-shadow: 12px 12px 10px -10px rgb(0 0 0 / 10%);
  }

展示：