导航鼠标悬停变色--H5+css

html:

<body>

<ul>

</ul>

</body>

CSS:

margin: 0;

padding: 0;

}

body{

background: #ffffce;

}

ul{

width: 995px;

height: 36px;

background: #9c0000;

border-bottom: 21px solid #cecfce;

padding-left: 5px;

margin-top: 40px;

}

li{

width: 100px;

height: 32px;

background:#ffffff;

border-right: 1px solid #000000;

margin-right: 1px;

float: left;

list-style: none;

}

display: block;

font-size: 14px;

height: 28px;

line-height: 28px;

background: #ff6100;

text-decoration: none;

margin-top: 4px;

color: #000000;

text-align: center;

}

li:hover{

background: #9c0000;

}

li:hover a{

background: #000;

color: yellow;

}

导航鼠标悬停变色--H5+css相关推荐

PHP鼠标滑过变色命令,WordPress鼠标悬停变色的修改方法
原创内容,转载请注明出处:https://www.myzhenai.com.cn/post/3253.html 关键词:wordpress 鼠标悬停变色我总是觉得我两个WordPress博客的主 ...
html鼠标悬停出现新元素,CSS：我如何将鼠标悬停在一个元素上，并显示另一个元素？...
我有一个导航面板,当您将鼠标悬停在灯具上时,它会显示从主导航面板下拉的面板中的前5个灯具.CSS:我如何将鼠标悬停在一个元素上,并显示另一个元素? 我试图实现这个使用CSS与:hover. 这是:h ...
css鼠标悬停事件，css鼠标悬停特效
1.css父元素hover悬停子元素缩放 .col-lg-4 img{ cursor: pointer; transition: all 1s ease; } .col-lg-4:hover img ...
html鼠标悬停显示箭头,CSS 悬停时出现箭头的按钮
CSS 语言: CSSSCSS 确定 * { box-sizing: border box; } .center { position: absolute; top: 50%; left: 50%; ...
鼠标悬停效果imagehover.css和ihover.css(效果酷炫）
imagehover.css 效果展示链接:http://www.shejidaren.com/examples/imagehover-css/index.html ihover(这个效果更加酷炫) ...
CSS实现鼠标悬停图片时的边框变色效果
CSS实现鼠标悬停图片时的边框变色效果,CSSS双边框,鼠标悬停变色效果,用CSS实现的图片双边框效果,鼠标悬停经过时显示背景色,很简单的效果,网上常见,代码不复杂,用的是一些基本的CSS知识. &l ...
表格隔行变色_CSS实现鼠标悬停高亮
<!doctype html> <html> <head><meta http-equiv="content-type" content= ...
CSS+JS鼠标悬停单元格变色
又一款鼠标悬停表格单元格,表格变色的实例效果,运用了CSS和JS两者技术的结合,因些兼容性非常好,而且易于控制,代码修改方便,跟表格读取动态数据没有任何关系,比较方便. <html> &l ...
JavaScript+Css实现的鼠标悬停时动态翻滚的紫色菜单导航
代码简介: 鼠标悬停时动态翻滚的导航条,这个是使用JavaScript实现的,不过代码好像是从jQuery里摘出来的,有点像. 代码内容: <!DOCTYPE html PUBLIC " ...
CSS鼠标悬停图片上图片变灰变色半透明
CSS鼠标悬停图片上图片变灰变色半透明 DIV CSS鼠标移动悬停在图片上图片变色或半透明变化效果实现,CSS鼠标悬停图片上图片变灰.图片变色.图片半透明一.DIVCSS5介绍与说明: - ...

导航鼠标悬停变色--H5+css

导航鼠标悬停变色--H5+css相关推荐

最新文章

热门文章