美化框样式 绿色提示框 红色提示框 黄色提示框 灰色提示框 蓝色提示框 黑色提示框 虚线提示框 绿边提示框 红边提示框 橙边提示框添加css样式代码将以下代码添加到主题style.css文件中/*彩色代码框样式开始*/ #sc_notice { color: #7da33c; background: #ecf2d6 url('https://ivmoe.com/ivmoepro/img/scimg/sc_notice.png') -1px -1px no-repeat; border: 1px solid #aac66d; overflow: hidden; margin: 10px 0; padding: 15px 15px 15px 35px; } #sc_warn { color: #ad9948; background: #fff4b9 url('https://ivmoe.com/ivmoepro/img/scimg/sc_warn.png') -1px -1px no-repeat; border: 1px solid #eac946; overflow: hidden; margin: 10px 0; padding: 15px 15px 15px 35px; } #sc_error { color: #c66; background: #ffecea url('https://ivmoe.com/ivmoepro/img/scimg/sc_error.png') -1px -1px no-repeat; border: 1px solid #ebb1b1; overflow: hidden; margin: 10px 0; padding: 15px 15px 15px 35px; } #sc_tips { color: #777; background: #eaeaea url('https://ivmoe.com/ivmoepro/img/scimg/sc_tips.png') -1px -1px no-repeat; border: 1px solid #ccc; overflow: hidden; margin: 10px 0; padding: 15px 15px 15px 35px; } #sc_blue { color: #1ba1e2; background: rgba(27, 161, 226, 0.26) url('https://ivmoe.com/ivmoepro/img/scimg/sc_blue.png') -1px -1px no-repeat; border: 1px solid #1ba1e2; overflow: hidden; margin: 10px 0; padding: 15px 15px 15px 35px; } #sc_black { border-width: 1px 4px 4px 1px; border-style: solid; border-color: #3e3e3e; margin: 10px 0; padding: 15px 15px 15px 35px; } #sc_xuk { border: 2px dashed rgb(41, 170, 227); background-color: rgb(248, 247, 245); margin: 10px 0; padding: 15px 15px 15px 35px; } #sc_lvb { margin: 10px 0; padding: 10px 15px; border: 1px solid #e3e3e3; border-left: 2px solid #05B536; background: #FFF; } #sc_redb { margin: 10px 0; padding: 10px 15px; border: 1px solid #e3e3e3; border-left: 2px solid #ED0505; background: #FFF; } #sc_orange { margin: 10px 0; padding: 10px 15px; border: 1px solid #e3e3e3; border-left: 2px solid #EC8006; background: #FFF; }CSSCopy如何调用?请直接在文章中添加代码。<div id="sc_notice">绿色提示框</div> <div id="sc_error">红色提示框</div> <div id="sc_warn">黄色提示框</div> <div id="sc_tips">灰色提示框</div> <div id="sc_blue">蓝色提示框</div> <div id="sc_black">黑色提示框</div> <div id="sc_xuk">虚线提示框</div> <div id="sc_lvb">绿边提示框</div> <div id="sc_redb">红边提示框</div> <div id="sc_orange">橙边提示框</div>PHPCopy转载:https://2025ly.cn/archives/95.html 清墨的橘[亲笔] 百度已收录 2020-10-19 更新正常 正在运行 欢迎转载 脑壳疼 脑瓜疼 上一篇: 腾讯云的云开发碎碎念 下一篇: Typecho给评论头像添加骚里骚气的挂件 取消回复 添加新评论 提交 仅有一条评论 热搜榜 October 21st, 2020 at 12:13 am 文章不错非常喜欢 回复
文章不错非常喜欢