/* CSS */ .error-Box { border: 2px solid #ff0000; /* 红色边框 */ background-color: #fee9e6; /* 浅红色背景 */ color: #ff0000; /* 红色字体 */ font-family: Arial,sans-serif; padding: 10px; /* 内边距 */ border-radius: 5px; /* 圆角 */ text-align: center; /* 居中 */ Box-sizing: border-Box; /* 盒子模型 */ }
使用方法:
密码输入错误,请重新输入!
该 CSS 样式定义了一个红色边框、浅红色背景、红色字体的密码输入错误提示框。使用该样式时,只需在 HTML 代码中插入一个带有 class 为 error-Box 的 div 即可。