前端开发

首页 > 前端开发 > css教程 > CSS实现菜单背景自适应宽度的方法

CSS实现菜单背景自适应宽度的方法

分享到：

【字体：大中小】

2017-02-28
来源：网络
115
14
7

导读：
本文实例讲述了CSS实现菜单背景自适应宽度的方法。分享给大家供大家参考。具体如下：为了让菜单看上去更漂亮一些，我们都喜欢用图片去修饰菜单的背景，如果是规则图片，那很好...

本文实例讲述了CSS实现菜单背景自适应宽度的方法。分享给大家供大家参考。具体如下：

为了让菜单看上去更漂亮一些，我们都喜欢用图片去修饰菜单的背景，如果是规则图片，那很好实现，但是如果菜单的背景是不规则的，我们应该如何让它的宽度随着菜单的文字多少而自动适应宽度变化呢？通过这个菜单实例，你将会明白其中的原由。

在线演示地址如下：

http://demo.jb51.net/js/2015/css-auto-width-bg-pic-demo/

具体代码如下：





菜单背景自适应





脚本之家网站

提供最新的网络编程、脚本编程、网页制作、网页设计、网页特效。

分享到：

CSS编程的外部CSS文件引用方法
CSS外部引用使用了外接的CSS文件,一般的浏览器都带有缓存功能,所以用户不用每次都下载此CSS文件. 外部引用相对于内部引用和内联引用来说是高效的是节省宽带的. 外部引用是W3C推荐使用的. 外部引用CSS是最好的引入CSS的方式(可以使代码量最小,表现最统一,也是标准网页设计推荐的).内联引用(直接在HTML标签中使用)虽然是一...

CSS3绘制圆角矩形的简单示例
随着网络的发展，CSS 也在不断的完善，充分吸取多年来 Web 发展的需求，提出了很多新颖的 CSS 特性，例如很受欢迎的圆角矩形 border-radius 属性，但很可惜，此属性目前没有得到任何浏览器的支持。对于一些浏览器，它们有其私有的圆角属性。如 FF 的 -moz-border-radius ，Safari 和 Chrome 的 -webkit-border-radius 。效...

前端开发

CSS实现菜单背景自适应宽度的方法

Tags

About