css三角之美

最新推荐文章于 2020-10-13 14:59:43 发布

A 神

最新推荐文章于 2020-10-13 14:59:43 发布

阅读量169

点赞数

分类专栏： css

本文链接：https://blog.csdn.net/weixin_42378409/article/details/103694135

版权

css 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
	div{
		position: relative;
		width: 300px;
		height: 200px;
		background-color: pink;	
		margin: 100px auto;
	}
	p{
		position: absolute;
		top:50%;
		margin-top: -20px;
		width: 0;
		height: 0;
		/*transparent是透明色*/
		border-top: 20px solid transparent;
		border-right: 20px solid transparent;
		border-bottom: 20px solid red;
		border-left: 20px solid transparent;
		
	}
	</style>
</head>
<body>
	<div>
		<p></p>
	</div>
</body>
</html>

在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

A 神

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
css三角之美

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> div{ position: relative; width: 300px; height: 200px;...
复制链接

扫一扫