企业站点：关于我们
Html实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>关于我们</title> <link rel="stylesheet" href="static/css/header.css"> <link rel="stylesheet" href="static/css/footer.css"> <link rel="stylesheet" href="static/css/news.css"> </head> <body> <div class="header"> <div class="content"> <ul class="nav"> <li class="item"><a href="index.html">首页</a></li> <li class="item"><a href="news.html">公司新闻</a></li> <li class="item"><a href="products.html">最新产品</a></li> <li class="item"><a href="about.html">关于我们</a></li> <li class="item"><a href="contact.html">联系我们</a></li> </ul> </div> </div> <!-- 中间主体 --> <div class="container"> <!-- banner图--> <div class="banner"> <img src="static/images/banner.jpg" alt=""> </div> <div class="wrap"> <div class="main"> <div class="news-list"> <h3>关于我们</h3> <ul> <li class="item"><a href="https://www.xmubshw.com"> 小茗Ub生活网提供最新QQ活动、微信活动、游戏活动、生活技巧，努力打造一个最全活动网,还有电脑技巧以及其他日常信息，游戏资讯等，让我们的生活更加精彩。</a></li> </ul> </div> </div> </div> </div> <!-- 底部 --> <div class="footer"> <div class="content"> <p> <a href="">2018-2019 © 小茗Ub生活网版权所有</a> | <a href="">17000006931</a> | <a href="">陇ICP备01112号-2</a> </p> </div> </div> </div> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
CSS实例
.container {
width: 1000px;
margin: 5px auto;
/*background-color: lightgray;*/
overflow: hidden;
}
.wrap {
width: inherit;
min-height: 560px;
/*background-color: cyan;*/
}
.wrap, .left, .right {
float: right;
}
.left {
margin-left: -50%;
}
/*.right {*/
/* margin-left: -280px;*/
/*}*/
.main {
padding-left: 0;
/*padding-right: 280px;*/
/*border: 1px solid #444444;*/
}
.main .news-list {
padding: 0 15px;
}
.main h3 {
margin: 10px auto;
text-align: center;
border-bottom: 1px solid;
}
.main ul {
list-style: none;
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
overflow: hidden;
}
.main .news-list {
padding: 0 25px;
}
.main .news-list ul {
list-style: none;
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
line-height: 1.6em;
}
.main .news-list ul li a {
color: #444444;
text-decoration-line: none;
}
.main .news-list ul li a:hover {
color: red;
}
/*分页条样式*/
.main .news-list .pages{
margin: 15px auto;
}
.mani .news-list .pages ul {
margin: 0;
padding: 0;
list-style: none;
}
.main .news-list .pages ul li a {
float: left;
display: inline-block;
height: 26px;
line-height: 26px;
min-width: 26px;
padding: 0 5px;
border: 1px solid black;
text-align: center;
margin: 0 2px;
}
.main .news-list .pages ul li a:hover,
.main .news-list .pages ul li a.active{
background-color: red;
color: white;
}运行实例 »
点击 "运行实例" 按钮查看在线实例
实例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JS</title>
</head>
<body>
<script>
// 单行注释
// 多行注释
// 变量
// 声明
var username;
if (username === undefined){
username = '小茗Ub生活网'
}
console.log(username)
</script>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例
