CSS里给空DIV加点击链接怎么实现

html-css014

CSS里给空DIV加点击链接怎么实现,第1张

1、Web标准—结构、样式和行为,对应的分别是HTML、CSS、JS。

2、CSS只是负责样式,而超链接是结构实现的或者通过行为来实现。所以无法通过CSS给div添加超链接。

3、可以通过js行为给div绑定 实现,跳转到相应的链接。可以通过window.open(URL,name,features,replace)方法,详细参考:http://www.w3school.com.cn/jsref/met_win_open.asp

以链接的形式调用外部CSS文件

或者直接将CSS写在页面中

<!--

body

{

font-family:

"宋体"

font-size:

12px

font-style:

normal

line-height:

normal

font-weight:

normal

text-decoration:

none

}

-->

1、打开html编辑器,新建一个html文件,写入一个div容器,容器里面有一个a标签:

2、给div设置class属性container,给它宽度和高度,背景颜色;然后给a标签设置display属性为block,设置宽度为100%,高度为auto,这样a标签就会铺满上层的div,此时点击整个div都会打开链接:

3、打开浏览器,在div的边缘点击:

4、接着浏览器是可以进入链接的。以上就是div加整个超链接的而方法: