.alert { background-color: #f2dede; color: #a94442; border: 1px solid #ebccd1; /* 警告框边框颜色和宽度 */ border-radius: 5px; /* 警告框圆角 */ box-shadow: 0 1px 1px rgba(0,0,0,0.05); /* 警告框阴影 */ }如果需要添加图标或链接等,可以在容器内部嵌套其他元素。
需要注意的是,以上示例使用了Font Awesome图标库。如需使用,请先引入相关CSS文件。 总之,使用CSS可以轻松地制作出各种样式的警告框。根据需要自定义样式,使得警告信息更加醒目,引起用户的注意。请填写必填项!查看详情