我想制作一个干净且令人敬畏的网站,但唯一的问题是我不知道如何摆脱按钮边框请帮助将不胜感激
如果你想看看我的问题,请转到这个 http://imgur.com/imGkNtZ 我不想看到任何按钮边框或图像边框
如果您想查看我的代码,请转到http://pastebin.com/b0Mp68Jm 亲切的问候 CreepyC
答案 0 :(得分:0)
您只需使用border:0;
,border:none
也可以正常使用,前提是您要关闭已保持打开的<img>
。查看更正后的代码:
<html>
<head>
<title>Forsaken </title>
<link href="main.css" rel="stlesheet" type="text/css">
</head>
<body>
<button class="topLeft clear-border"><a href="teams"><img src="icon1.jpg"></a></button>
<button class="topRight clear-border"><a href="store"><img src="icon1.jpg"></a></button>
<button class="bottomLeft clear-border"><a href="sponsors"><img src="icon1.jpg"></a></button>
<button class="bottomRight clear-border"><a href="aboutus"><img src="icon1.jpg"></a></button>
</body>
</html>
**CSS**
.topLeft{
position: absolute;
top:1;
left:1;
}
.topRight{
position: absolute;
top:1;
right: 1;
}
.bottomleft{
position: fixed;
left: 1px;
}
.bottomright{
position: fixed;
right: 1px;
}
.clear-border{
border:0;
}