html制作花样链接卡页面_花样链接卡.html

花样链接卡

div{

border: solid red 2px;

width: 300px;

height: 300px;

padding: 10px;

}

a {

color: white;

display: inline-block;

height: 100px;

width: 100px;

background:pink ;

text-align: center;

line-height:100px;

text-decoration: none;

}

a:hover{

background:blue ;

}

a:nth-of-type(2){

position: relative;

left: 100px;

}

a:nth-of-type(3){

position: relative;

top: 200px;

right: 200px;

}

a:nth-of-type(4){

position: relative;

left: 200px;

top: 100px;

}

链接1 链接2 链接3 链接4 链接5

一键复制

编辑

Web IDE

原始数据

按行查看

历史