gpt4 book ai didi

html - CSS HTML 如何去除按钮边框

转载 作者:行者123 更新时间:2023-11-28 06:17:50 25 4
gpt4 key购买 nike

我想做一个干净漂亮的网站,但唯一的问题是我不知道如何去掉按钮边框,请帮忙,我们将不胜感激

如果你想看看我的问题去thi http://imgur.com/imGkNtZ我不想看到任何按钮边框或图像边框

如果您想查看我的代码,请转至 http://pastebin.com/b0Mp68Jm亲切的问候令人毛骨悚然

最佳答案

您只需要使用 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;
}

关于html - CSS HTML 如何去除按钮边框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35790270/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com