首页 > 解决方案 > 如何在 CSS 中创建它,或者这样的名称是什么让我搜索?

问题描述

我需要在我客户的网站上创建它,但我无法格式化任何 CSS 或在互联网上找到类似的东西,你能帮我吗?图片如下所示:

图片

标签: css

解决方案


这可以在 CSS 中完成,也可以通过创建图像来完成。如果您希望在 CSS 中执行此操作(并且没有问题),您正在寻找linear-gradient.

body {
  background-color: #C8E2FA;
}

#banner {
  text-shadow: 0.8px 0.8px #AAAAAAAA;
  font-weight: bolder;
  padding: 4px 8px;
  width: 100%;
  color: #FFFFFF;
  background: linear-gradient( 135deg, #0B6566 60%, #FF7149 61%, transparent 19%)
}
<div id="banner">DIVERSOS CURSOS GRATUITOS</div>

希望这可以帮助,


推荐阅读