这是一个包含HTML和CSS代码的简单网站。该网站具有一个黑色背景,宽度为100像素,高度为100像素的红色div元素,该元素具有绝对定位。页面的主体部分使用12像素字体大小,并具有重复x轴的背景。列表项在水平方向上浮动,链接颜色在未访问、悬停和活动状态下有所不同,且具有无边框的输入框。最后,有一个名为”newsList”的类名,其垂直对齐方式设置为居中。
<!DOCTYPE html>
<html>
<head>
<style>
div#roll {
width:100px;
height:100px;
background-color:#000;
color:#fff;
position:absolute;
}
body {
font-size :12px;
margin:0px;
background-repeat:repeat-x;
}
ul {
list-style-type:none;
float:left;
}
ul li {
float:left;
}
a:link {
color:#414141;
text-decoration: none;
}
a:visited {
text-decoration: none;
color:#414141;
}
a:hover {
text-decoration:none;
color:#D10008;
}
a:active {
text-decoration: none;
color:#414141;
}
.newsList { vertical-align:middle;}
.input { border-right: 0px solid #104238 ; border-top: 0px solid #104238;}
</style>
</head>
<body>
<div id="roll"></div>
<ul>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
<div class="newsList">News List</div>
<input class="input"/>
</body>
</html>