使用border 画三角形

最新推荐文章于 2022-09-19 19:08:19 发布

Blank memory

最新推荐文章于 2022-09-19 19:08:19 发布

阅读量185

点赞数 1

分类专栏： web

本文链接：https://blog.csdn.net/qq_43395428/article/details/103908806

版权

web 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

首先我们定义一个div

<body>
	<div  class="king"></div>
</body>

设置一下div的初始样式

<head>
<meta charset="utf-8">
	<style type="text/css">
		.king{
			width:100px;
			height:100px;
			background-color:#ffffff;
			margin:0 auto;
			border-color:red;
			border-width:5px;
			border-style:solid;
			border-color:yellow green blue red;
			}
		</style>
</head>

在这里插入图片描述
修改CSS：

			width:0px;
            height:0px;
			border-width:50px;

在这里插入图片描述
修改border颜色

			border-color:red transparent transparent transparent;

在这里插入图片描述
修改border颜色

			border-color:transparent transparent transparent red;

在这里插入图片描述
修改border颜色

			border-color:transparent transparent red transparent;

在这里插入图片描述

关注博主即可阅读全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Blank memory

关注关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
使用border 画三角形

首先我们定义一个div<body> <div class="king"></div></body>设置一下div的初始样式<head><meta charset="utf-8"> <style type="text/css"> .king{ width:100px; height:...
复制链接

扫一扫