摘要:
返回头部 <style> body { width: 2000px; } .top{ position: fixed; right:50px; bottom:100px; display: none; } </style> </head> <body> <!-- 获取页面滚走兼容 : documen 阅读全文
摘要:
效果 <style type="text/css"> span{ width:80px; height: 10px; display: inline-block; background: grey; margin-right: 3px; font-size: 18px; text-align: ce 阅读全文
摘要:
事件委托 <body> <input type="button" value="创建新的" id="btn"/> <ul class="box"> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <p>嘿嘿</p> </ul> </body> </html> 阅读全文
摘要:
圆形导航,略有瑕疵 <style> *{margin:0;padding:0} ul{list-style:none;position:relative;margin:50px;} ul li{width:200px;height:200px;border-radius:50%;position:a 阅读全文
摘要:
进度条 1 <style> 2 #progress{ 3 position: relative; 4 margin: auto; 5 top: 200px; 6 display: block; 7 width: 200px; 8 height: 20px; 9 border-style: dotte 阅读全文
摘要:
css、html <style> *{margin: 0; padding: 0;} ul {list-style:none;} body { background-color: #000; } .nav { width: 800px; height: 42px; background:url() 阅读全文
摘要:
用原生实现随机抽人的小效果 css、html <style type="text/css"> div{ width: 300px; height: 300px; border: 2px solid saddlebrown; text-align: center; line-height: 300px 阅读全文
摘要:
原生:点击创建div,且能够拖动 css、html <style type="text/css"> .active{ width: 100px; height: 100px; position: absolute; } </style> <body> <input type="button" val 阅读全文