CSS HTML如何摆脱按钮边框

时间:2016-03-04 07:22:39

标签: html css

我想制作一个干净且令人敬畏的网站,但唯一的问题是我不知道如何摆脱按钮边框请帮助将不胜感激

如果你想看看我的问题,请转到这个 http://imgur.com/imGkNtZ 我不想看到任何按钮边框或图像边框

如果您想查看我的代码,请转到http://pastebin.com/b0Mp68Jm 亲切的问候 CreepyC

1 个答案:

答案 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;
}