在HTML中创建标题
我想用这两条白线、徽标和导航栏为我的网站创建此标题。在HTML中创建标题,html,css,header,navbar,Html,Css,Header,Navbar,我想用这两条白线、徽标和导航栏为我的网站创建此标题。 body{背景色:棕色;} ul{宽度:100%;填充:3px;文本对齐:右;边框顶部:1px纯白;边框底部:1px纯白;} li{显示:内联;右边距:10px;光标:指针;高度:100%;颜色:白色;} li:悬停{颜色:黄色;} 家 关于 使用填充。 HTML: 或者做我喜欢做的事,使用flexbox。 (flexbox)css: 使用Flexbox简单直观。我推荐它。查看本指南使用本指南(替换所需的文本、图像和链接): 例子 #导航
body{背景色:棕色;}
ul{宽度:100%;填充:3px;文本对齐:右;边框顶部:1px纯白;边框底部:1px纯白;}
li{显示:内联;右边距:10px;光标:指针;高度:100%;颜色:白色;}
li:悬停{颜色:黄色;}
- 家
- 关于
使用填充。HTML: 或者做我喜欢做的事,使用flexbox。
(flexbox)css: 使用Flexbox简单直观。我推荐它。查看本指南使用本指南(替换所需的文本、图像和链接):
例子
#导航{
文字装饰:无;
}
场地
标题
白线:
<div style="width: 100%; height: 2px; background-color: white;"></div>
很抱歉,我们不是免费的代码编写服务。那么您可以告诉我如何填写白线吗?:)<代码>边框:纯白色;边框宽度:2px0代码>
header{
width:100%;
background-color: blue;
padding-top:10px;
padding-bottom: 10px;
}
#inner{
height: 80px;
border-top: 2px solid white;
border-bottom: 2px solid white;
background-color: green;
}
header{
width:100%;
height: 200px;
background-color: blue;
display: flex;
align-items: center;
}
#inner{
width: 100%;
height: 75%;
border-top: 2px solid white;
border-bottom: 2px solid white;
background-color: green;
}
<html>
<head>
<meta http-equiv="content-type"
content="text/html; charset=ISO-8859-1">
<title>Example</title>
<style type="text/css">
#nav {
text-decoration: none;
}
</style>
</head>
<body
style="color: rgb(0, 0, 0); background-color: rgb(255, 204, 153);"
alink="#000099" link="#000099" vlink="#990099">
<div style="width: 100%; height: 2px; background-color: white;"></div>
<table style="text-align: left; width: 100%; height: 40px;"
border="0" cellpadding="2" cellspacing="0">
<tbody>
<tr>
<td style="width: 200px;"><img alt="logo"
src="logo.png" style="width: 200px; height: 30px;"
align="middle" hspace="10"></td>
<td
style="vertical-align: bottom; color: rgb(51, 51, 51); font-family: Times
New Roman;"><i>Site
title</i></td>
<td style="width: 40%;">
<table
style="width: 100%; text-align: left; margin-left: auto; margin-right: 0px;"
border="0" cellpadding="2" cellspacing="0">
<tbody>
<tr>
<td style="text-align: center;"><a
href="link1.html" id="nav"
style="color: rgb(153, 51, 0);">Link
1</a></td>
<td style="text-align: center;"><a
href="link2.html" id="nav"
style="color: rgb(51, 51, 51);">Link
2</a></td>
<td style="text-align: center;"><a
href="link3.html" id="nav"
style="color: rgb(51, 51, 51);">Link
3</a></td>
<td style="text-align: center;"><a
href="link4.html" id="nav"
style="color: rgb(51, 51, 51);"> Link
4</a></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<div style="width: 100%; height: 2px; background-color: white;"></div>
</body>
</html>
<div style="width: 100%; height: 2px; background-color: white;"></div>