红毛丶野人 2021-04-07 17:00 采纳率: 45.5%
浏览 68
已采纳

求助求助！哪位大佬知道这种蓝色背景用CSS可以画出来吗？求指导

 

  • 写回答

6条回答 默认 最新

  • CSDN专家-天际的海浪 2021-04-07 17:34
    关注
    <!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<title> 页面名称 </title>
<style type="text/css">
.test {
	width: 100px;
	height: 50px;
	background-color: #00f;
	margin: 0px 25px;
	position: relative;
}
.test:before {
	content: "";
	display: block;
	position: absolute;
	width: 0px;
	height: 0px;
	top: 0;
	left: -25px;
	border: 25px solid transparent;
	border-top-color: #00f;
	border-bottom-color: #00f;
}
.test:after {
	content: "";
	display: block;
	position: absolute;
	width: 0px;
	height: 0px;
	top: 0;
	left: 100%;
	border: 25px solid transparent;
	border-left-color: #00f;
}
</style>
</head>
<body>

<div class="test"></div>

</body>
</html>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(5条)

报告相同问题？

  • 有哪些值得推荐的数据可视化工具？
    2021-05-02 11:54
    SimpleUmbrella的博客 本文整理了37款数据可视化工具，涵盖多个应用场景。主要推荐plotly和R ggplot2两款专业工具，前者支持交互式图表，后者是R语言经典绘图包。...各类工具均配有示例图表，适合不同技术水平用户使用。
  • 基于树莓派的车牌识别门禁系统（工作日记）
    2020-08-25 21:18
    silence北风行的博客 具体各部分可以逐个工程调试，当初做的时候导师鼓励说可以放在博客上，那么在此良辰美景之际那就开始咯 第一周 第一天： 从老师那拿到毕设题目车牌识别的门禁系统的时候还蛮欢喜的，但手头上基本没资料而且资料的...
  • 这一年，这些书：2020年读书笔记
    2021-01-29 08:06
    Heartsuit的博客 在物联网的大背景下，德国率先提出“工业4.0”，引发制造新浪潮席卷全球，中国的战略就是“中国制造2025”，发展智能制造，而美国则以通用电气为主导，推出“工业互联网”的概念。 借助云计算，企业的管理成本将...
  • gdb调试
    2019-09-29 22:30
    Nero_czh的博客 返回值为int类型，我们都知道char类型是可以转换成int类型的，每个字符都有他所对应的整型值，其实这个返回值返回的就是一个字符，什么字符呢，叫选项字符（姑且这么叫吧，后面会进一步说明） 链接： ...
  • Guava Cache被淘汰？快来掌握最快本地缓存！
    2023-10-19 17:05
    愤怒的小青春的博客 当时问hr说这周中给结果，还没有消息 #金蝶# #金蝶实施顾问# 荣耀base南京 荣耀base南京 研发管理部的解决方案测试有收到oc的嘛有消息求踢一下 有没有友友知道这是什么情况准备 有没有友友知道这是什么情况准备offer...
  • 没有解决我的问题, 去提问