CSS练习题:<ol>中的<li>元素重新调序显示

html-css012

CSS练习题:<ol>中的<li>元素重新调序显示,第1张

看到这个题目有了兴趣就测试了下,可惜用我以下的样式不支持IE6、IE7,其他浏览器支持;不过题目是死得,工作中不存在这种问题了

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312" />

<title>无标题文档</title>

<style>

body{font-size:16px}

.li1{float:leftpadding-top:60px}

.li2{float:leftpadding-top:30pxmargin-left:-55px}

.li3{float:leftmargin-left:-55px}

</style>

</head>

<body>

<ol>

<li class="li1">CCCCCCC</li>

<li class="li2">BBBBBBB</li>

<li class="li3">AAAAAAA</li>

</ol>

</body>

</html>

你写的CSS样式没问题,是你太粗心了,这个里面多了一个空格

<style type =" text/css">改成 <style type ="text/css">;这样就可以了