导航看不见

首页课程实战体系课手记专栏慕课教程

导航看不见

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title></title>

<style type="text/css">

*{margin: 0;padding: 0;list-style: none;text-decoration: none;}

.con{width: 1100px;

height: 100px;

background: black;

margin: 0 auto;

position: absolute;

top: 50%;

left: 50%;

margin-top: -50px;

margin-left: -550px;

}

.logo{float: left;}

.nav{float:right;padding-top: 10px;}

li{color: white;font-size: 25px;display: inline-block;margin-right: 25px;padding-right: 20px;}

/*此处写代码*/

</style>

</head>

<body>

<div class="con">

<div clss="logo"><a href="#"><img src="http://climg.mukewang.com/58c0d2d900016ce303000100.png"></a></div>

<div class="nav">

<ul >

<a href="#"><li>课程</li></a>

<a href="#"><li>职业路径</li></a>

<a href="#"><li>实战</li></a>

<a href="#"><li>猿问</li></a>

<a href="#"><li>手记</li></a>

</ul>

</div>

</div>

</body>

</html>

慕沐3496093

浏览 388回答 1

1回答

随时随地看视频慕课网APP

相关分类

Html5