作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
带边框的 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/
我正在做一个项目,我的 android 在这个项目中作为一个网络服务器工作;输入带端口号的 IP 地址,打开 Web 界面,用户可以将文件上传到手机。我想在 Web 界面上显示一些图片,以便我们的界面
我是一名优秀的程序员,十分优秀!