这篇文章详细描述了骆驼官网的HTML代码结构，包括CSS样式表链接和布局设计，如导航菜单、图片和表格等内容。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>骆驼官网</title>
<style>
/* .A{
height: 80px;
} */
.aa {
/* margin: 0;
padding: 0; */
display: inline-block;
font-weight: 600;
}
.bb {
width: 1635px;
height: 509.917px;
}
.dd {
display: inline-block;
font-size: 20px;
padding-left: 60px;
}
.nn {
background-color: black;
width: 1635px;
height: 600px;
}
table {
color: white;
font-size: 35px;
width: 1635px;
}
.y {
text-align: center;
font-weight: 20px;
/* position: absolute;
margin: 40px; */
}
.pp {
padding-left: 180px;
}
.aaa {
padding-left: 80px;
}
</style>
</head>
<body>
<div class="aaa">
<link rel="stylesheet" href="https:at.alicdn.com/t/c/font_4482002_ex06tz3jhip.css">
<i class="iconfont icon-luotuo-copy" style="font-size: 60px;padding-left: 30px;"></i>
</div>
<div class="aa" style="font-size: 20px;padding-left: 140px;">骆驼
<ol class="aa">
<li class="dd"> 关于骆驼</li>
<li class="dd">骆驼业务</li>
<li class="dd">户外运动城</li>
<li class="dd">团体定制</li>
<li class="dd">招商中心</li>
<li class="dd">加入骆驼</li>
<li class="dd">骆驼供应链</li>
<li class="dd">通知</li>
</ol>
</div>
</div>
<div class="b">
<img class="bb" src="https://www.camel.com.cn/upload/default/20201230/a82eed5018bd69ff3250f4a256d80fc9.png"
alt="">
</div>
<div class="bb">
<img class="bb" src="https://www.camel.com.cn/upload/default/20201230/d7faf9cee895e0e10edc31107e3caa42.png"
alt="">
</div>
<div class="nn">
<table>
<ul>
<br>
<br>
<th>骆驼文化</th>
<th>关于骆驼</th>
<th>品牌新闻</th>
<th>骆驼业务</th>
<th> </th>
<tr class="y">
<th>企业价值观</th>
<th>品牌故事</th>
<th>品牌活动</th>
<th>户外</th>
<th> 装备</th>
</tr>
<tr class="y">
<th>愿景与使命</th>
<th>品牌科技</th>
<th>新闻中心</th>
<th>运动</th>
<th> 女鞋</th>
</tr>
<tr class="y">
<th>企业准则</th>
<th>品牌合作</th>
<th>公益活动</th>
<th>男鞋</th>
<th> 瑜伽</th>
</tr>
<tr class="y">
<th>品牌精神</th>
<th>品牌荣誉</th>
<th>联系我们</th>
<th>男装</th>
<th> 童装</th>
</tr>
</ul>
</table>
</div>
</body>
</html>效果图片
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
