您的位置:首頁技術文章
文章詳情頁

css右浮動字的順序顛倒了

瀏覽:109日期:2022-06-22 10:16:56

問題描述

<style>

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

img{ border:0;}

.header{ width:100%; background:#11192c;}

.nav{ width:1000px; margin:0 auto; overflow:hidden;}

.nav ul li{ height:40px; line-height:40px; float: right; padding:10px 10px; margin:0px 5px;position:relative;}

.nav ul li a{ color:#8f8f8f; font-family:'Microsoft Yahei'; font-size:17px; float: right; text-decoration:none;}

.nav ul li a:hover{ color:#ffffff; text-decoration:none;}

.nav ul li span{ display:block; position:absolute; width:0px; height:0px; background:#ffffff; top:58px; left:50%;}

</style>

</head>

<body>

<!-- 代碼begin -->

<div class="header">

<div class="nav">

<ul>

<li><a href='#'>1</a><span></span></li>

<li><a href='#'>2</a><span></span></li>

<li><a href='#'>3</a><span></span></li>

<li><a href='#'>4</a><span></span></li>

<li><a href='#'>5</a><span></span></li>

<li><a href='#'>6</a><span></span></li>

</ul>

</div>

</div>

問題解答

回答1:

同學, 你是要實現什么效果, 放張圖可以嗎?這么多代碼, 難道還要讓人去運行一遍才能知道你的問題嗎? 直接拋出問題, 附上圖,并說明需求,以及你用過的方法, 這樣才是最快的問答方式

標簽: CSS
相關文章:
国产综合久久一区二区三区