Html 导航栏上方的徽标_Html_Css

Html 导航栏上方的徽标

html css

Html 导航栏上方的徽标,html,css,Html,Css,好了，伙计们，因为第一个答案不起作用，我添加了整个代码。对不起，这是我在这个网站上的第一个问题，所以不要因为我的错误而生气 css: html{ 身高：100%； -webkit背景尺寸：封面； -moz背景尺寸：封面； -o-背景尺寸：封面；背景尺寸：封面；背景#70bg32；背景重复：无重复；背景：-webkit线性梯度（#fff，#7cceff）；背景：-莫兹线性梯度（#fff，#7cceff）；背景：-ms线性梯度（#fff，#7cceff）；背景：-o-线性梯度（#ff

好了，伙计们，因为第一个答案不起作用，我添加了整个代码。对不起，这是我在这个网站上的第一个问题，所以不要因为我的错误而生气

css:


html{
身高：100%；
-webkit背景尺寸：封面；
-moz背景尺寸：封面；
-o-背景尺寸：封面；
背景尺寸：封面；
背景#70bg32；
背景重复：无重复；
背景：-webkit线性梯度（#fff，#7cceff）；
背景：-莫兹线性梯度（#fff，#7cceff）；
背景：-ms线性梯度（#fff，#7cceff）；
背景：-o-线性梯度（#fff，#7cceff）；
背景：线性梯度（#fff，#7cceff）；
}
保险商实验室{
位置：固定；
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
背景色：#31a7ff；
排名：0；
宽度：100%；
边框：1px实心#0060a7；
}
李{
浮动：左；
}
李阿{
显示：块；
颜色：白色；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
}
李娜：停下来{
背景色：#15649f；
}
.主动{
背景色：#004376；
}
海德洛戈先生{
浮动：左；
保证金：自动；
显示：内联块；
背景：黑色；
填充物：5px；
宽度：100%；
颜色：白色；
}
标志
{
宽度：32px；
高度：32px；
}

html:







线性梯度-对角
此线性渐变从左上角开始。它以红色开始，并转换为黄色：
注意：Internet Explorer 9和早期版本不支持渐变。像这样将您的徽标置于导航上方

.header{
浮动：左；
保证金：自动；
显示：内联块；
背景：黑色；
填充物：5px；
宽度：100%；
颜色：白色；
}
标志
{
宽度：32px；
高度：32px；
}

导航栏
请添加JSFIDLE我不知道那是什么（单击链接，添加HTML和CSS，然后将该链接添加到帖子中）不要使用JSFIDLE。Stackoverflow。您需要提供一个。“我无法在我的导航栏上方获取我的徽标。”除非您的代码包含导航栏，否则没有意义。“您的徽标在导航栏内”-您怎么会这样想？问题代码中没有导航栏。
<!DOCTYPE html>
<html>
<head>

<style>

html {
    height: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background: #70bg32;
    background-repeat:no-repeat;
    background: -webkit-linear-gradient( #fff, #7cceff);
    background: -moz-linear-gradient( #fff, #7cceff);
    background: -ms-linear-gradient( #fff, #7cceff);
    background: -o-linear-gradient( #fff, #7cceff);
    background: linear-gradient( #fff, #7cceff);
}

ul {
position: fixed;
   list-style-type: none;
    margin: 0;
    padding: 0;

    overflow: hidden;
background-color: #31a7ff;
top:0;
width: 100%;
border: 1px solid #0060a7;
}

li {
float: left;

}

li a {

    display: block;
color:white;
text-align:center;
    padding: 14px 16px;
text-decoration:none;

}


li a:hover {
    background-color: #15649f;
}


.active {
    background-color: #004376;
}

.headerLogo {
float:left;
margin:auto;
display:inline-block;
background:black;
padding:5px;
width:100%;
color:white;
}
.logo
{
width:32px;
height:32px;
}

</head>
<body>

<img class="logo"
     src="amundlogo.png" />
<div class="headerLogo">
  <ul>
<li><a href=">#home">menybrah</a></li>
<li><a href=">#home">anothaone</a></li>
<li style="float:right"><a href=">#home">todaright</a></li>
</ul>

</div>

<h3>Linear Gradient - Diagonal</h3>
<p>This linear gradient starts at top left. It starts red, transitioning to yellow:</p>

<div id="grad1"></div>

<p><strong>Note:</strong> Internet Explorer 9 and earlier versions do not support gradients.<$

</body>
</html>