首页 > 解决方案 > 是否可以在不添加 div、span 或图像的情况下将背景颜色划分为单独的颜色?

问题描述

以下代码是一个简单的代码,其主体的背景色为黑色:

body {
background-color: black;
}
<html>
<body>
</body>
</html>



如果我想以这样一种方式划分背景颜色,使其具有两种不同的颜色而不添加 div 或图像怎么办?如下所示: 在此处输入图像描述



可能吗?

标签: htmlcssbackground-color

解决方案


是的,有可能,试试这个:

body {
    background: linear-gradient(90deg, black 50%, blue 50%);
}
<html>
<body>
</body>
</html>


推荐阅读