如果用<div>+<a>做一个按钮,这个能理解吧,就是 想通过 link 来实现跳转,但是看起来是个按钮,且不需要触发事件。而且 css 也比 button 的好用。
这中情况下,如果不是“块”block,那么只要点到文字上时才会触发,点到 按钮<div>但是没点到字是不行的,但是用了 block 后,整个按钮都可以承载 a 的link操作了
css中的display是设置元素显示的方式,block是一块状元素的方式显示,
inline是以内联元素的方式显示,none是不不显示;
块状元素会单独占据一样,其他元素跟他在同一行的会被迫换行,挤到下一行那里去,inline则不会这样。
css是无法加超链接的,但是可以在一个A标签下设置背景图片加入超链接,具体步骤如下。
1、新建test.html文件。
2、首先要把超链接a块级化,方法如下:
给a添加css代码 : a{ display:block}
代码截图如下:
3、使用backgroung-image为a链接加背景图片,用法如下:
a{ background-image:url(xxx.jpg)}
不过仅仅这样写还不能显示出背景图片,需要和第二步结合才行。
代码截图如下:
4、用到的图片素材如下,图片名字为001.jpg,位置截图如下。
5、实例演示给超链接加背景图片,代码如下:
<html>
<head>
<style>
a{background-image:url(001.jpg)display:blockwidth:300pxheight:100pxfont-size:25px}
</style>
</head>
<body>
<a>我是带背景图片的超链接</a>
</body>
</html>
6、运行效果截图如下。