html制作一个黑色箭头-02

Posted Python_Heaven

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html制作一个黑色箭头-02相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			div{
				width:0px;
				height:0px;
				background-color: transparent;
				border:50px solid black;
				border-top-color:transparent;
				border-left-color:black;
				border-bottom-color:transparent;
				border-right-color:transparent;
			}
		</style>
	</head>
	<body>
		<div></div>
	</body>
</html>

div的大小设置为0,边界设置为50px,上下右边界颜色都设置为无色,左边设置为黑色,就有个黑色箭头了。

以上是关于html制作一个黑色箭头-02的主要内容,如果未能解决你的问题,请参考以下文章

html制作一个黑色箭头-02

像导航抽屉一样切换片段(带后退箭头)

imagecreatefrompng() 制作黑色背景而不是透明?

巧用border制作箭头

代码高尔夫:1x1 黑色像素

用 HTML5 画布制作一个简单的汽车游戏