body,h1,h2,h3,h4,h5,h6,p,ul,li,ol,dl,dt,td,th,input,select,extarea { margin:0; padding:0; } body { /* font-family:"微软雅黑"; */ } li { list-style:none; } a { text-decoration:none; } .box { width:500px; } .box_top { width:500px; height:50px; background:dimgray; } .box_top input { float:right; width:300px; height:20px; margin-top:15px; margin-right:32px; border-radius:5px; } .box_top b { line-height:50px; margin-left:30px; color:azure; } .box_bottom { background:lightgray; } .bot_zz { width:500px; /* height:50px; */ /* background:pink; */ } .bot_zz b { color:black; margin-left:30px; font-size:20px; line-height:50px; } .bot_zz span { display:inline-block; width:30px; height:30px; border-radius:50%; background:white; line-height:30px; text-align:center; float:right; margin-right:32px; margin-top:10px; } .bot_zz span input { width:30px; height:30px; border-radius:50%; border:1px solid transparent; text-align:center; } .bot_wc { width:500px; /* height:50px; */ /* background:green; */ } .bot_wc b { color:black; margin-left:30px; font-size:20px; line-height:50px; } .bot_wc span { display:inline-block; width:30px; height:30px; border-radius:50%; background:white; line-height:30px; text-align:center; float:right; margin-right:32px; margin-top:10px; } .bot_wc span input { width:30px; height:30px; border-radius:50%; border:1px solid transparent; text-align:center; } .bot_eve { width:450px; background:white; height:30px; border-radius:5px; margin:10px auto; } .bot_eveLeft { width:5px; height:20px; background:cadetblue; float:left; margin-top:5px; margin-left:30px; } .bot_eveRight { width:400px; height:30px; /* margin-left:30px; */ float:right; /* background:red; */ } .bot_eveRight input { width:15px; height:15px; margin-top:7px; float:left; } .bot_eveRight b { height:30px; font-size:12px; color:black; font-weight:500; margin-left:5px; line-height:30px; } .bot_eveRight p { display:inline-block; width:20px; height:20px; border:2px solid gray; border-radius:50%; background:transparent; line-height:20px; text-align:center; float:right; margin-right:12px; margin-top:3px; } .bot_eveRight p i { display:inline-block; width:15px; height:15px; background:gray; border-radius:50%; font-size:12px; color:white; font-weight:900; font-style:normal; margin-top:3px; } .bot_eve2 { width:450px; background:darkgray; height:30px; border-radius:5px; margin:0 auto; } .bot_eveLeft2 { width:5px; height:20px; background:cadetblue; float:left; margin-top:5px; margin-left:30px; } .bot_eveRight2 { width:400px; height:30px; /* margin-left:30px; */ float:right; /* background:red; */ } .bot_eveRight2 input { width:15px; height:15px; margin-top:7px; float:left; } .bot_eveRight2 b { height:30px; font-size:12px; color:black; font-weight:500; margin-left:5px; line-height:30px; } .bot_eveRight2 p { display:inline-block; width:20px; height:20px; border:2px solid gray; border-radius:50%; background:transparent; line-height:20px; text-align:center; float:right; margin-right:12px; margin-top:3px; } .bot_eveRight2 p i { display:inline-block; width:15px; height:15px; background:gray; border-radius:50%; font-size:12px; color:white; font-weight:900; font-style:normal; margin-top:3px; }
更新时间:2019-12-12 09:26:49
用html和css和一点点jquery写的