css如何实现这种窗口样式的编写?求大神指教

html-css07

css如何实现这种窗口样式的编写?求大神指教,第1张

主要是右边的那个小角,用border实现就行了。

具体可以参考一下这样,

<div>

    <i></i>

</div>

<style>

    i{

        position:absolute

        top:0

        right:-4px

        display:block

        width:0

        height:0

        border:4px solid #F00

        border-top-color:transparent

        border-right-color:transparent

    }

    

</style>

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" />