html 中div和nobr同时用怎么破
本帖最后由 bie33333 于 2020-9-18 22:22 编辑原本是想给四个链接加边框的同时让他们并排，请问怎么改{:10_266:}
或者有没有更简单的写法
代码如下
<head><style>
div {
display:inline
width:50px;
height:20px;
border :2px solid white;
border-radius :40px 40px 40px 40px ;
}
</style></head>
<body>
<p align="center">
<nobr><div><a href="http://www.tiaozhan.com" style="color:white">
前端</a></div>>
<div><a href="http://www.tiaozhan.com" style="color:white">
后端</a></div>
<div><a href="http://www.tiaozhan.com" style="color:white">
运维</a></div>
<div><a href="http://www.tiaozhan.com" style="color:white">
更多</a></div></nobr>
</p></body> 本帖最后由 liuzhengyuan 于 2020-9-18 22:29 编辑
style="color:white"
这句话的意思时 把 文字的颜色变白，变白了文字就看不见了
而且border的颜色时白色的，所以看不见边框
你可以设置一个背景
* {
background-color: black;
}这样就可以看见了 liuzhengyuan 发表于 2020-9-18 22:27
style="color:white"
这句话的意思时 把 文字的颜色变白，变白了文字就看不见了
可是我背景是黑的{:10_245:} 本帖最后由 liuzhengyuan 于 2020-9-18 22:36 编辑
bie33333 发表于 2020-9-18 22:30
可是我背景是黑的
刚刚没理解意思{:10_245:}，这样改（外面再加一个大的 div 然后样式加载这个大的 div 上）：
<head><style>
.t {
border :2px solid white;
border-radius :40px 40px 40px 40px ;
}
* {
background-color: black;
}
</style></head>
<body>
<p align="center">
<nobr><div class="t"><div><a href="http://www.tiaozhan.com" style="color:white">
前端</a></div>
<div><a href="http://www.tiaozhan.com" style="color:white">
后端</a></div>
<div><a href="http://www.tiaozhan.com" style="color:white">
运维</a></div>
<div><a href="http://www.tiaozhan.com" style="color:white">
更多</a></div></div></nobr>
</p></body> 行内块；
浮动；
弹性布局；
表格布局；
以上都可以的，后两种低版本ie浏览器不支持
页:
[1]