网页的本质就是超级文本标记语言,通过结合使用其他的Web技术(如:脚本语言、公共网关接口、组件等),可以创造出功能强大的网页。因而,超级文本标记语言是万维网(Web)编程的基础,也就是说万维网是建立在超文本基础之上的。超级文本标记语言之所以称为超文本标记语言,是因为文本中包含了所谓“超级链接”点。
箭头符号我们是经常可以看到的,那么我们如何在不利用图像的情况下使用CSS制作箭头符号呢?本篇文章就来给大家介绍CSS制作箭头符号的方法。
![箭头 箭头](http://img.zhengzen.com/upload/web_3/Css_1214024743_1.jpg)
话不多说,下面我们直接来看正文~
用CSS制作的箭头图标的方法
只需要使用CSS就可以创建箭头而不需要利用图像
首先,让我们来看看如何实现一个箭头,我将来制作一个从左上角到右下角的L形箭头。
一个直角转弯的箭头。
代码如下
HTML代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS arrow</title>
<link rel="stylesheet" type="text/css" href="sample.css">
<meta http-equiv="Content-Type" content="text/html" charset="UTF-8">
</head>
<body>
<div class="arrow"></div>
</body>
</html>