网页当中圆角挺好看的,个人也比较喜欢。
于是,在“发粪图强”的几天后~~~ 终于完成了自己还比较满意的圆角代码。

圆角菜单

所用材料:一张图片,一段CSS,一个<a>标签
实现原理:<a>当中一定要有个<span标签,把<a>和<span>都飘浮,再加上背景。

首先,我们准备一张图片,注意:图片的尽量宽一点,以适应不同的宽度。图片如下:
[DivCss]用图片实现圆角菜单!


先看看我们的html代码,是不是很简单:

>


 

我们再看看css样式:

}



看看最终效果吧:
[DivCss]用图片实现圆角菜单!

发挥你的想象力吧!!!!!!!!!!!!!!!!!!!!!



测试通过:IE6/7/8, Chrome, Firefox, Opera, Safair


本文源码下载:https://files.cnblogs.com/Kagilo/divcss.menu.zip


作者:卡吉洛(Kagilo)
转载请声明!

相关文章:

  • 2022-12-23
  • 2021-10-07
  • 2021-10-01
  • 2021-07-18
  • 2022-12-23
  • 2021-06-17
  • 2021-07-03
  • 2022-12-23
猜你喜欢
  • 2021-12-05
  • 2021-08-18
  • 2021-07-29
  • 2022-12-23
  • 2021-10-11
  • 2022-12-23
相关资源
相似解决方案