html css：背景图片链接css写法

图片作为背景，并且是链接的写法。例如网站的logo图片。例如：土豆的logo图片

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/js-html/p/3399619.html

html css：背景图片链接css写法相关推荐

html5 css背景图片满,css background-size与背景图片填满div
back和第,.年过事工宗据指数遍互业经搞断果会ground-size与背景图片抖要支圈者器说是事天开的.年后编定功口小发还应久剑填满div 在开发中,常分博累发口小定逻间框加题览果些屏洁动理应有需要 ...
html背景图片横屏,CSS背景颜色背景图片居中重复固定样式background经验篇
我们使用CSS Background样式属性,可以设置网页背景单一颜色.网页背景为图片.网页背景图片居中于网页.网页背景图片网页固定位置.网页背景图片中网页中重复平铺等css背景样式介绍与案例讲解. ...
利用wget 抓取网站网页包括css背景图片
利用wget 抓取网站网页包括css背景图片 wget是一款非常优秀的http/ftp下载工具,它功能强大,而且几乎所有的unix系统上都有.不过用它来dump比较现代的网站会有一个问题:不支持c ...
html css 如何将图片作为背景,CSS背景图片和HTML中的img标签
背景图片: 该图片是218*170 css内容: div{ width: 100px; height: 100px; background: url(img/1.jpg); border: 2px s ...
完美的css背景图片全屏显示，能比例缩小，不留空白
简介:完美的css背景图片全屏显示,能比例缩小,不留空白,我们之前已经知道了可调整大小的背景图片的概念.但是读者DougShults发给了我一个链接,其中使用了非常酷的技术,我觉得这种技术要比之前的任 ...
html css背景图片精灵技术,HTML入门学习笔记--CSS背景和精灵图(5)
33-背景色彩 1.如何设置标签的背景色彩? 在CSS中有1个background-color:属性, 就是专门用来设置标签的背景色彩的取值: 具体单词 rgb rgba 106进制快捷键: bc ...
html css 背景图片
html css 背景图片文章目录 html css 背景图片视频代码视频 https://www.bilibili.com/video/BV1MJ411M7qi?from=search&am ...
css背景图片、圆角、盒子阴影、浮动
一.css背景图片 1.概述背景是css中一个重要的的部分,也是需要知道的css的基础知识之一.这里主要介绍有关背景图片的5种常见属性,分别是: (1). background-color: rgb ...
css --- [学习笔记]背景图片小结 css三大特性
源代码参考 1. 行高(line-height) 目标理解 - 能说出行高和高度三种关系 - 能简单理解为什么行高等于单行文字会垂直居应用使用行高实现单行文字垂直居中能会测量行高 2. CS ...
css背景图片添加url_CSS背景图片–如何向您的Div添加图片URL
css背景图片添加url Say you want to put an image or two on a webpage. One way is to use the background-imag ...

html css：背景图片链接css写法

html css：背景图片链接css写法相关推荐

最新文章

热门文章