51工具盒子仁义忠信,乐善不倦,此天爵也 。一一《孟子》
写法如下
|---------------------------------------------------------------------------------------------------|---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 | hljs html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> :root { /* 定义变量，需要--开头 */ --ruben-width: 200px; --ruben-height: 200px; --ruben-bg-color: #ff0000; } .ruben { /* 使用变量，需要var(变量名) */ background-color: var(--ruben-bg-color); width: var(--ruben-width); height: var(--ruben-height); } .ruben1 { background-color: var(--ruben-bg-color); width: var(--ruben-width); height: var(--ruben-height); } </style> </head> <body> <div class="ruben"></div> <hr/> <div class="ruben1"></div> </body> </html> |
效果如下：
![腾讯云宝塔面板专享版提示“出错了，[tencent]运行是发生错误！”](http://static.51tbox.com/static/2024-11-24/col/c1746f8cb8a4fd35c1412de79c9b3f8e/e0dbbe29665940a4ab84c830d6cb47ff.png.jpg)
