首页 > 开发 > CSS > 正文

CSS基于单张背景图实现自适应宽度的圆角菜单效果代码

2024-07-11 08:55:58
字体:
来源:转载
供稿:网友

本文实例讲述了CSS基于单张背景图实现自适应宽度的圆角菜单效果代码。分享给大家供大家参考。具体如下:

这是一款基于单张背景图片实现的CSS圆角菜单,菜单项的背景可自适应宽度,当菜单项内的文字超出预定宽度时,并不会将文字隐藏掉,而背景自动加宽,以适应文字的需要,设计的很漂亮,也很实用,学习CSS的朋友也可参考学习一下。

运行效果截图如下:

在线演示地址如下:

http://demo.VeVb.com/js/2015/css-single-bgpic-cicle-button-menu-codes/

具体代码如下:


复制代码
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表