41 图片背景综合-五彩导航图

代码：

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>案例</title><style>.nav a {display: inline-block;width: 120px;height: 58px;background-color: pink;/* 本质是让h1盒子里边的文字水平居中对齐 */text-align: center;/* 本质是让h1盒子里边的文字垂直居中对齐 */line-height: 48px;/* 不要下划线 */text-decoration: none;color: #fff;}.nav .bg1 {background: url(images/bg1.png) no-repeat;}.nav .bg1:hover {background-image: url(images/bg11.png);}.nav .bg2 {background: url(images/bg2.png) no-repeat;}.nav .bg2:hover {background-image: url(images/bg22.png);}.nav .bg3 {background: url(images/bg3.jpg) no-repeat;}.nav .bg3:hover {background-image: url(images/bg1.png);}.nav .bg4 {background: url(images/bg4.png) no-repeat;}.nav .bg4:hover {background-image: url(images/bg2.png);}.nav .bg5 {background: url(images/bg5.png) no-repeat;}.nav .bg5:hover {background-image: url(images/bg4.png);}</style>
</head><body><div class="nav"><!-- shift+Alt按住别松，然后按# --><a href="#" class="bg1">五彩导航</a><a href="#" class="bg2">五彩导航</a><a href="#" class="bg3">五彩导航</a><a href="#" class="bg4">五彩导航</a><a href="#" class="bg5">五彩导航</a></div></div>
</body></html>

结果

41 图片背景综合-五彩导航图相关推荐

5个免费的AI智能抠图工具，一键去除图片背景！
分享5个免费的高质量抠图网站,都是AI自动抠图,操作简单抠图速度快,而且抠图效果好,就连头发丝都能抠干净,还支持更换不同背景! 1.remove.bg 一个AI智能抠图工具,不需要注册登录,打开即用, ...
图片背景虚化怎么做？教你几种好用的制作方法
图片背景虚化是一种常用的美学手法,可以起到一种美化效果,能够让图片看起来更加柔和和自然,增加艺术感和观赏性.当使用背景虚化时,可以通过调整模糊度和深度来控制效果的程度,从而达到最佳的效果.很多小伙伴不 ...
怎么给图片背景虚化？试试这几种图片背景虚化方法
将图片背景虚化处理可以使图片的主体更加突出,增强视觉效果,让人更加专注于主体内容.同时,背景虚化也可以起到模糊不必要细节的作用,使照片更加简洁明了.在摄影中,背景虚化也是一种常用的技巧,可以使画面更加 ...
css中图片背景以及URL的介绍以及什么是css精灵
一.图片背景 background-image 定义背景图片,可定义多背景 background-repeat 定义背景图片的显示方式 repeat,图片重复垂直水平都重复 repeat-x,图片横 ...
C# 给PDF添加图片背景
C# 给PDF添加图片背景今天要实现的是给PDF文件添加图片背景这个功能.PDF是近年来最流行的文件之一,无论是办公还是日常生活中都经常会用到,很多时候,PDF文件的背景色都是白色,看多了难免觉得累 ...
Py之wxPython：利用wxPython设计GUI界面(图片背景+简单按钮)
Py之wxPython:利用wxPython设计GUI界面(图片背景+简单按钮) 目录实现界面实现代码实现界面实现代码 import wxclass MyPanel(wx.Panel):def ...
学习在网页中应用大图片背景的20个精美案例
定义网站基调和风格的一种简单方式就是使用大图片背景(Big Background Image),在使用这种大图片的时候,为了让大背景图片能够和网站的其它内容很好的融合在一起,你需要考虑很多事情,否则可 ...
cocos2d-x游戏开发(十四)用shader使图片背景透明
欢迎转载,地址:http://blog.csdn.net/fylz1125/article/details/8631783 好吧,终于抽时间写这篇文章了. 手头上有很多人物行走图,技能特效图等,但这些 ...
CSS实现自适应的图片背景边框代码
代码简介: CSS漂亮的图片边框,边框是用背景图片修饰的,不过可以自适应大小,这点挺实用的,不论你的图片有多大,它始终显示在图片的外围,不会错位,这当然还要归功于CSS的功劳. 代码内容: View ...

41 图片背景综合-五彩导航图

代码：

结果

41 图片背景综合-五彩导航图相关推荐

最新文章

热门文章