打开超链接如何设置css属性?

html-css09

打开超链接如何设置css属性?,第1张

通过 CSS,可以在 HTML 中的超链接元素上设置样式。

首先,可以使用 a 标签选择器来选择所有超链接元素。例如:

a {

color: blue

text-decoration: none

}

color:设置超链接文本的颜色

text-decoration:设置或删除下划线

接着,可以使用 :link、:visited、:hover、:active 四个伪类来设置不同状态下的样式。

例如:

a:link {

color: blue

}

a:visited {

color: purple

}

a:hover {

color: red

}

a:active {

color: orange

}

:link 表示未访问过的链接

:visited 表示已经访问过的链接

:hover 表示鼠标悬停在链接上的状态

:active 表示正在点击链接的状态

1. 所以一开始通过js来加:

function addTarget(){

var tag_a = document.getElementsByTagName('a')

for (var i = tag.length - 1 i >= 0 i--) {

tag_a[i].setAttribute("target","_blank")

}

}

window.onload = addTarget()

但不知为何无法生效。

2. 然后就想到可以通过设置css来使默认的a都自带target属性,即:

a {

target : _blank

}

发现也行不通。原因是css中没有target属性,不能直接在css中这样写。

3. 最后查资料,发现可以在head标签中加入:

<base target="_blank" />

css不可以设置 不过js可以

<script type="text/javascript">

var aLink=document.getElementsByTagName('a')

for(var i=0i<aLink.lengthi++)

{

aLink[i].target='_blank'

}

</script>

把这个js复制在最底部 你可以修改_blank