一行 CSS 代码的魅力

一行 CSS 代码又能不能搞点事情呢？CSS Battle首先，这让我想到了，年初的时候沉迷的一个网站 CSS Battle  。链接：https://cssbattle.dev/ 这个网站是核心玩法就是：官方给出一张图形，在给定的 400 x 300 的画布上，能够用越短的代码实现它，分数就越高。注意是，完全一模一样还原。其中，第一题就非常有趣，看看题目：嗯，想一想，如果给定这样一张图形，告诉你 HTML 的大小是 400px x 300px，图片中使用到的颜色是 #5D3A3A, #B5E0BA，你会怎么用 CSS 去实现它呢？因为要求，字符数越少，分数越高，当然是选字符少的标签，是不是这样：p>style>body{background:#5D3A3A;}p {width: 200px;height:200px;background:#B5E0BA;}style>这个网站的设定，HTML 和 CSS 可以按照上述格式写在一起， 标签内的即为 CSS， ………………………………