gpt4 book ai didi

html - 带边框的 css 菜单移出页面?

转载 作者:行者123 更新时间:2023-11-28 04:49:59 27 4
gpt4 key购买 nike

enter image description here

带边框的 css 菜单移出页边距:0;

我想在我的 css 链接中添加边界,而不是在页面顶部设置顶部溢出。我已经将我的 custom.css 页面包含在 index.php 中我想保持 body{margin:0;background-color:#ddd;color:#0000ff;}

html{font-family:sans-serif;  font-size: 14px;
}

body{margin:0;
background-color:#ddd;
color:#0000ff;
}

a{
font-family:sans-serif;
font-size: 18px;
background-color:#000;
color:#fff;
border-style: solid;
border-color: red;
padding: 5px 5px 5px 5px;
border-width: 5px 5px 5px 5px;

}

a:hover {
font-family:sans-serif;
color:#83F52C;

最佳答案

您可以将链接的display 属性设置为inline-block。请注意,这将导致链接环绕行为发生变化(每个链接将作为一个整体环绕而不是部分环绕)。但是,考虑到如果链接有彩色边框,将链接部分包裹起来会显得很奇怪,我想这就是您想要的。

html {
font-family: sans-serif;
font-size: 14px;
}
body {
margin: 0;
background-color: #ddd;
color: #0000ff;
}

a {
display: inline-block;
font-family: sans-serif;
font-size: 18px;
background-color: #000;
color: #fff;
border-style: solid;
border-color: red;
padding: 5px 5px 5px 5px;
border-width: 5px 5px 5px 5px;
}
a:hover {
font-family: sans-serif;
color: #83F52C;
<head>
<title>Zulu.ieo</title>
</head>

<body>
<a>Here is a link</a>
<a>A veeeeeeeeeeery long link</a>
<a>Another link</a>
</body>

关于html - 带边框的 css 菜单移出页面?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40768962/

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