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> new document </title> 
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
  <meta name="keywords" content="" /> 
  <meta name="description" content="" /> 
  <style type="text/css"> 
    a span { display:inline-block; border:0 solid #fff; border-width:5px 5px 0; border-color:#090 #fff;width:0; overflow:hidden;height:0; }

a:hover{ border:none;}

a:hover span { border-width:0 5px 6px;  } 
  </style> 
 </head> 
 
 <body>   
    <p> 
        <a href="">悬浮-下拉菜单<span></span></a> 
    </p> 
 </body> 
</html>

css 下拉三角

时间： 2024-10-28 20:27:30

css 下拉三角的相关文章

支持多种浏览器的纯css下拉菜单

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312

38 个免费开源的 CSS 下拉导航菜单

http://www.oschina.net/news/51624/38-open-source-css-dropdown-menus38 个免费开源的 CSS 下拉导航菜单,布布扣,bubuko.com

超简洁的CSS下拉菜单

效果体验:http://hovertree.com/texiao/css/3.htm HTML文件代码: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>简洁的HTML+CSS下拉菜单-HoverTree</title><base target="_blank" /> <link href=

CSS+JS下拉菜单和纯CSS下拉菜单

一.CSS+JS下拉菜单 原理:一级菜单的li中包含二级菜单ul.在鼠标没有移上去时,二级菜单的ul是display:none的状态,鼠标一移上去变成display:block.改变这个display属性值是通过JS来实现.鼠标hover时,把整个二级菜单的ul给display出来,用到的事件onmouseonver.鼠标移出又把整个二级菜单的ul 给隐藏掉. nav-js.html文件 <!DOCTYPE html > <html> <head> <meta c

QPushButton下拉式菜单（是否取消下拉三角，是否check）

给QPushButton添加菜单的示例,前面已经有了三种方式: Qt学习之给QPushButton添加菜单ActionsContextMenu方法 Qt学习之给QPushButton添加菜单CustomContextMenu方法 Qt学习之给QPushButton添加菜单DefaultContextMenu方法 今天再提供一种方式,就是给QPushButton添加下拉式菜单.类似于Combobox一样.前面三种方式实现的都是光标在哪个位置,菜单就在哪里显示.而下拉式菜单只在按钮的下方显示,同时会

使用checkbox实现纯CSS下拉框

今天给大家讲一个css例子,主要内容是使用checkbox实现纯css下拉框,要用到了HTML元素的checkbox 和CSS3选择器(http://www.maiziedu.com/course/web/228-2627/),并没有用到JavaScript.例子如下: 实现过程: HTML结构 <div class="dropdown"> <input type="checkbox" id="checkbox_toggle"&

基于div css下拉导航菜单分类代码

基于div css下拉导航菜单分类代码是一款绿色风格的jQuery下拉分类导航菜单.效果图如下: 在线预览   源码下载 实现的代码. html代码: <div class="hc_lnav jslist"> <div class="allbtn"> <h2><a href="#"><strong> </strong>全部商品分类<i> </i><

纯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><meta http-equiv="Content-Typ

一款兼容性很好的标准二级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" lang="zh-CN"> <head> <meta ht