菜单切换
FACESOHO知行者
心灵
记录
远方
赞赏工具
源代码：
点击运行
保存
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </head> <body> <style> div {margin-bottom:15px;padding:4px 12px;} .danger {background-color:#ffdddd;border-left:6px solid #f44336;} .success {background-color:#ddffdd;border-left:6px solid #4CAF50;} .info {background-color:#e7f3fe;border-left:6px solid #2196F3;} .warning {background-color:#ffffcc;border-left:6px solid #ffeb3b;} </style><h2>注意</h2> <div class="danger"> <p><strong>Danger!</strong> Some text...</p> </div> <div class="success"> <p><strong>Success!</strong> Some text...</p> </div> <div class="info"> <p><strong>Info!</strong> Some text...</p> </div> <div class="warning"> <p><strong>Warning!</strong> Some text...</p> </div> </body> </html>
运行结果