gpt4 book ai didi

html - 简单的 CSS/HTML - 嵌套元素

转载 作者:行者123 更新时间:2023-11-28 16:42:21 25 4
gpt4 key购买 nike

http://i.stack.imgur.com/pKdrK.png

正如您从这张图片中看到的,我尝试创建一个顶部带有 div 的页眉,它是页面的主标题。我到处都看过,但我不知道如何将标题放在页眉顶部,这可能很简单,但我不确定。

附注标题是几乎看不见的小红点。

CSS

#title {
font-family:Bebas;
font-size:20px;
font-weight:bold;
border:5px groove #ff0022;
color:#00D0FF;
background-color:#ff0022;
position:relative;
margin-left:10px;
margin-top:10px;
}
#banner {
border:1px solid #4A4A4A;
width:1903;
height:110;
background-color:#4A4A4A;
margin-left:0px;
position:absolute;
top:-10px;
border-radius:15px;
}
a:visited {

text-decoration:none;
}

HTML

<head>
<link type="text/css" rel="stylesheet" href="todd.css"/>
<title>Todd's Website</title>

</head>

<body>
<a href="file:///C:/Users/Todd/Desktop/todd.html">
<h1>
<div id="title">Todd's Awesome Website!
<div id="banner">




</div>
</div>
</h1>
</a>
</body>



</html>

JSFiddle

最佳答案

您应该将 div 放在 h1 标签之外,并在 h1 标签上包含标题 ID。此外,您应该将 a 标签放在 h1 标签内:

<div>
<div id="banner">
<h1 id="title">
<a href="file:///C:/Users/Todd/Desktop/todd.html">
Todd's Awesome Website!
</a>
</h1>
</div>
</div>

希望这能达到您正在寻找的结果。

关于html - 简单的 CSS/HTML - 嵌套元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19823895/

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