html/css表格样式

1.好看的输入框

input type="text" id="inputId">

#inputId {
    border: none;
    /* 去除边框 */
    outline: none;
    /* 去除点击时的蓝色边框 */
    background-color: #f0f0f0;
    /* 设置背景色 */
    padding: 10px;
    /* 设置内边距 */
    border-radius: 5px;
    /* 设置边框圆角 */
    font-size: 16px;
    /* 设置字体大小 */
    color: #333;
    /* 设置字体颜色 */
    width: 200px;
    /* 设置输入框宽度 */
    transition: all 0.3s ease;
    /* 添加过渡效果，使样式变化更平滑 */
}

#inputId:focus {
    background-color: #e0e0e0;
    /* 焦点时背景色变浅 */
    box-shadow: 0 0 5px rgba(81, 203, 238, 1);
    /* 添加聚焦时的阴影效果 */
}