背景半透明效果CSS链接样式代码
2013-02-27 18:15
477 查看
一、背景半透明效果
可以实现半透明效果,当然,在链接父层得有个背景图片,然后链接以块状结构,背景为白色,然后半透明,这样的效果不用再用图片,而且代码也简练,挺好的;
二、空元素实现链接效果
a.menu_a_2,a.menu_a_2:link,a.menu_a_2:visited { display:block; width:75px; height:35px; float:left; line-height:35px; text-align:center; color:#FFFFFF; font-weight:bold; font-size:14px;} a.menu_a_2:hover {display:block; width:75px; height:35px; float:left; line-height:35px; text-align:center; color:#000000; font-weight:bold; font-size:14px; background-color: #FFF; filter: Alpha(opacity=50); -moz-opacity:.3; opacity:0.3; }
可以实现半透明效果,当然,在链接父层得有个背景图片,然后链接以块状结构,背景为白色,然后半透明,这样的效果不用再用图片,而且代码也简练,挺好的;
二、空元素实现链接效果
.Logo {float:left;width:280px;height:60px;padding-top:14px;text-align:left;} .Logo span {display:inline-block;width:270px;height:60px;background:url(logo.gif) no-repeat;}</p> <p><A href="/"><SPAN></SPAN></A>
相关文章推荐
- 网页 滚屏特效,用flash做背景,定时滚动,ccs背景代码效果语法,使用CSS处理表格边框样式化
- JS+CSS实现的漂亮渐变背景特效代码(6个渐变效果)
- CSS实现Div层背景半透明而内容不透明的效果
- 兼容性背景颜色半透明CSS代码(不影响内部子元素)
- 如何用CSS实现背景半透明效果
- 单击链接后颜色变化效果,js,css代码
- 不用背景图片,只用css代码实现面包屑样式
- JS+CSS实现的漂亮渐变背景特效代码(6个渐变效果)
- CSS基于单张背景图实现自适应宽度的圆角菜单效果代码
- <ul>中的<li>我点击一个<li>后其它的<li>全变背景色,求JS和CSS代码 <ul>中的<li>我点击一个<li>后其它的<li>全变背景色 要图中效果,求JS和CSS代码 (搜搜问问)
- ie6 firfox 支持PNG背景半透明css代码详解
- css使背景变半透明,和js结合在一起可以达到使背景动态半透明弹出对话框的效果
- 纯CSS实现背景半透明文字不透明效果兼容IE6
- 同一html页面中不同链接的不同样式的css代码
- CSS实现网页背景颜色渐变效果的代码
- 用CSS实现的图片透明度链接效果代码
- CSS基础知识二(段落设置CSS效果、图片边框、div和span区别、CSS控制背景、CSS控制链接)
- CSS+DIV网页样式与布局——页面背景&图片效果
- 用CSS实现的图片透明度链接效果代码
- 用css实现链接经过时显示浮动图片背景的效果