首页 > 代码库 > CSS制作的导航菜单向上箭头

CSS制作的导航菜单向上箭头

2024-07-17 21:25:43   220人阅读

  • 使用纯CSS技术制作导航菜单上的向上箭头图标，不使用图片，用CSS实现，挑战自己的CSS布局水平，最终效果自己满意，如果您对此感兴趣的话，就要好好研究一下CSS代码啦。
<!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><title>潜水射流曝气机</title><meta http-equiv="content-type" content="text/html;charset=gb2312"><style type="text/css">.wrap{width:200px;height:50px;position:relative;margin-top:50px;background:#080;}.arrow{width:0;height:0;position:absolute;left:50%;margin-left:-17px;top:-32px;font-size:0;border-width:16px;border-color:transparent transparent #080;border-style:dashed dashed solid;}</style></head><body><div class="wrap"><div class="arrow"></div></div></body></html>

 


联系
我们