图片作为背景并且是链接的写法(背景图片加链接)
图片作为背景,并且是链接的写法。例如网站的logo图片。例如:土豆的logo图片
<a title="土豆网 tudou.com 每个人都是生活的导演" href="http://www.jb51.net">土豆网</a>
a {display: block;width: 170px;height: 42px;text-indent: -9999px;background: url(/skin/__g/img/ui/nav/v2_v6.png) 0 0 no-repeat;}
由于z-indent的原因土豆网三个字是不会显示的。title属性是鼠标指向会显示的文本。
<a><span>链接背景图片,在正常情况下是显示不全的,因为<a>链接是行内元素,并且对于a标签css中width height属性失效。
改进方法,就是css中display:block;或者display:inline-block;然后设置width和height。
转载于:https://www.cnblogs.com/telwanggs/p/8665628.html
图片作为背景并且是链接的写法(背景图片加链接)相关推荐
- html 文字在背景图片上,如何让文字作为CSS背景图片显示
在实际开发中,有时候希望文字内容可以作为背景图片显示,一方面是希望利用背景图片的优势,例如可以平铺,另外一方面是常见的替换元素不能使用伪元素创建文字,此时只能寄希望与背景图. 关键如何把文字变成背景图 ...
- php图片背景平铺,css如何让背景图片平铺?css背景图片平铺四种方式介绍
在网页设计的过程中,有时候可能会要求背景图片平铺,因为这样会让整个网页看起来比较好看,图片平铺可以不用具体设置body宽度和高度大小,就可以直接将图片平铺整个页面,那么,如何让背景图片平铺呢?接下来本 ...
- vs2019添加图片html,VS2019窗体美化 -界面透明背景图片
VS2019窗体美化 -界面透明背景图片 VS2019窗体美化 -界面透明,背景图片 扩展-管理扩展下-在线: Color Theme Editor for Visual Studio 2019 设置 ...
- php网页怎么插入背景图片,HTML中更换或添加网站背景图片的代码怎么写?(示例)...
本篇文章主要介绍了HTML代码中如何更换或添加网站背景图片?对于小白来说,最简单的方法就是,如果是更换背景图片的话. 我们可以在网页上点击鼠标右键查看网站源代码,然后找到css里面的背景图这一段代码, ...
- php图片背景平铺,css如何设置背景图片的平铺方式?css设置背景图片平铺的方法(图文详解)...
css如何设置背景图片的平铺方式?本文就给大家介绍css是如何设置背景图片平铺的方法,让大家了解在css中设置背景图片水平方法平铺.垂直方向平铺,或者是不平铺的方法.有一定的参考价值,有需要的朋友可以 ...
- html背景看不见,html不显示图片-为什么在html中不显示背景图片 – 手机爱问
2007-01-25 显示图片背景 将背景代码写在已有的代码(比如鼠标,背景音乐)里,不然没有效果.如果单独放置,必须在代码前面加一个任意字符.更换整体页面背景的源代码:body{background ...
- Java怎么让图片在窗体_在窗口添加背景图片-java怎么设置窗体的背景图片 – 手机爱问...
2018-04-07 背景图片怎么设置? 背景图片代码:更换整体页面背景的源代码:body{b (大背景图片地址) repeatscroll!important;}更换页面题图logo图片的源代码:. ...
- html5背景图片能加链接,CSS中用背景图片做为超链接的方法
Web2.0时代,在网页设计中用背景图片做为超链接已成为主流,通过CSS的控制,使鼠标移到图片上能有很好的变换效果,虽然用普通的插入图片的方法也能实现效果,但用CSS更为方便,再配合css sprit ...
- html表格中加背景图片,关于在HTML表格中插入背景图片图片重复显示的问题
先来一段有问题的代码(其实也不能说是有问题,毕竟语法上是没问题的,只是出来的效果不是我们想要的--我们假设预期的效果是背景图片只填充一次而不是多次.) 设定表格的背景图像 姓名 张三 性别 男 年龄 ...
最新文章
- windows下安装android版reactnative
- git 代码托管使用方法
- 尝试 Docker + Nginx 部署单页应用
- 在实际开发中碰到的小问题,保存数据时提示:对象必须实现 IConvertible
- [Abp vNext 源码分析] - 19. 多租户
- 鸿蒙系统下滑线怎么设置,微信下划线昵称教程来了,快来试试!
- MedianBlur(中值滤波/百分比滤波器)
- 计算机安装pdf打印机驱动,win7电脑安装pdf虚拟打印机,教您安装方法
- 常见的拉普拉斯变换对 - 对查表
- 百度文库文档免下载券免费下载方法
- C++ ACM程序设计大赛--练习1
- python爬裁判文书网_对爬取中国裁判文书网的分析
- Elasticsearch:使用 Debian 软件包安装 Elasticsearch
- fanuc机器人负载设定
- java中计算三角形的角度
- 群论学习——几种基本的群
- 天融信防火墙重置配置_天融信防火墙怎么配置路由
- 一起来看流星雨剧情简介/剧情介绍/剧情分集介绍第二十八集
- 男生说fb是什么梗_网络上说FB是什么意思?
- c++调用python接口打包_C++ 调用Python脚本
热门文章
- Uber和Non-Uber模式介绍
- (4)FPGA JTAG接口连接(学无止境)
- (52)FPGA面试题-利用函数function实现半字节加法功能(Verilog语言实现)
- python编辑器中文字体倒立的_如何用Python+人工识别处理知乎的倒立汉字验证码...
- STM32F103:三.(3)MPU6050
- stm32 ISP串口下载
- 数据结构之队列的特别实现
- 从程序员到项目经理(四):外行可以领导内行吗
- ROS 教程之 navigation : 用 move_base 控制自己的机器人(1)
- html 动物特效,分享9款用HTML5/CSS3制作的动物人物动画,