Question

带边框的css菜单移出页面，边距为：0;

我想在我的css链接中添加一个寄存器，而不是在页面顶部有顶部溢出。我在custom.css页面中包含了index.php 我想保持身体{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;

Answer 1

您可以将链接的display属性设置为inline-block。请注意，这将导致链接包装行为发生更改（每个链接将作为一个整体而不是部分包装）。但是，如果它有一个彩色边框，如果将一个链接部分包装看起来很奇怪，我认为这就是你想要的。

＆＃13;

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;

＆＃13;

<head>
  <title>Zulu.ieo</title>
</head>

<body>
  <a>Here is a link</a>
  <a>A veeeeeeeeeeery long link</a>
  <a>Another link</a>
</body>

＆＃13;

带边框的CSS菜单移出页面？

1 个答案: