css實(shí)現(xiàn)的交互小三角箭頭圖標(biāo)
發(fā)布時(shí)間:2013-12-10 17:27:32 作者:佚名
我要評(píng)論

本文為大家介紹下使用純css實(shí)現(xiàn)的交互小三角箭頭圖標(biāo),示例代碼如下,感興趣的朋友可以參考下
復(fù)制代碼
代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>css實(shí)現(xiàn)的交互小三角箭頭圖標(biāo)</title>
<style>
p{
border-color: transparent transparent #f0f0f0 transparent;
border-style: solid;
border-width: 0 6px 6px 6px;
padding: 0;
width: 0;
height: 0;
font-size: 0;
line-height: 0;
overflow: hidden;
}
</style>
</head>
<body>
<p></p>
</body>
</html>
相關(guān)文章
- 本篇文章主要介紹了CSS3 用border寫 空心三角箭頭 (兩種寫法),非常具有實(shí)用價(jià)值,需要的朋友可以參考下2017-09-29
- 本文給大家?guī)硪欢未a基于div+css實(shí)現(xiàn)三角形提示框,代碼簡(jiǎn)單易懂,需要的朋友可以參考下2016-09-20
- 這篇文章主要為大家詳細(xì)介紹了純CSS繪制三角形箭頭圖案技術(shù),如何使用:before和:after繪制CSS三角形,感興趣的小伙伴們可以參考一下2016-06-28
- css3功能非常強(qiáng)大,之前需要圖片完成的icon,現(xiàn)在我們只需要幾段css代碼就可以實(shí)現(xiàn)此功能。下面給大家分享純css制作的圓,橢圓,三角形箭頭圖標(biāo),非常使用,需要的朋友參考2016-03-30
- 最近我想修改一下這個(gè)網(wǎng)站,我想在上面放置一個(gè)提示框。這是很容易,但我想讓提示框上有一個(gè)三角形的箭頭。可是,一想到這需要使用圖片,并且各種顏色,各種方向的箭頭要準(zhǔn)2014-05-07
通過CSS邊框?qū)崿F(xiàn)三角形和箭頭的實(shí)例代碼
這篇文章主要介紹了通過CSS邊框?qū)崿F(xiàn)三角形和箭頭的實(shí)例代碼,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-01-15