而且我的設置顏色寬高的選項要怎么布局整齊呢？<!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/html; charset=utf-8" /><title>無標題文檔</title><style>body,ul{ margin:0px; padding:0px;}li{ list-style:none;}h2{ color:red; float:left;}#btn{ height:40px; color:#F00; float:left; margin-top:10px;}#box{ width:100px; height:100px; border:2px solid #000; clear:left;}body, html {? ? height: 100%;}.floats {? ? background: #000 none repeat scroll 0 0;? ? height: 100%;? ? left: 0;? ? opacity: 0.5;? ? position: absolute;? ? top: 0;? ? width: 100%;}.alter {? ? background: #fff none repeat scroll 0 0;? ? border: 2px solid red;? ? height: 200px;? ? left: 50%;? ? margin-left: -202px;? ? margin-top: -102px;? ? position: absolute;? ? top: 50%;? ? width: 400px;}li{ float:left; margin:5px ;}</style></head><body><h2>請為下面的DIV設置樣式：</h2><input type="button" id="btn" value="點擊設置" /><div id="box"></div><div id="boss" style="display:none"><div class="floats"></div><div class="alter"><ul id="choose1"><li>請選擇背景色：</li><li><input type="button" value="紅" ?/></li><li><input type="button" value="黃" /></li><li><input type="button" value="藍" ?/></li></ul><ul id="choose2"><li>請選擇寬(px)：</li><li><input type="button" value="200" ?/></li><li><input type="button" value="300" /></li><li><input type="button" value="400" ?/></li></ul><ul id="choose1"><li>請選擇高(px)：</li><li><input type="button" value="200" ?/></li><li><input type="button" value="300" /></li><li><input type="button" value="400" ?/></li></ul></div></div><script>?document.getElementById('btn').onclick=function(){ document.getElementById('boss').style.display = block;};</script></body></html>
添加回答
舉報
0/150
提交
取消