需求:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>用户注册协议</title> <style> .logo{ position: fixed; background-color: #333; top: 0px; bottom: 0px; left: 0px; right: 0px; opacity: 0.6; } .zck{ position: fixed; height: 545px; width: 947px; top: 10px; left: 197px; background-color: white; } .sm{ background-color: lightgrey; height: 31px; } </style> </head> <body> <div class="logo"> <div class="zck"> <div class="sm"> <div style="font-weight: bold;padding-top: 5px;padding-left: 7px;color: black;float: left;z-index: 5;">今冬用户注册</div> <div style="background-image: url(img/dialog.png);height: 23px; background-repeat: no-repeat;float: right;background-position: 3px 7px; padding-right: 10px;padding-top: 10px;z-index: 11;cursor: pointer;""> </div> <div style="clear: both;"></div> </div> <div style="height: 30px;"></div> <div style="background-color: saddlebrown;height: 374px;width: 897px;border:0px;margin: auto;"> <textarea style="width: 897px;height: 374px;"> 精冬用户注册协议 。。。。。。。。。。。。。。 。。。。。。。。。。。。。。。 第1条 本站服务条款的确认和接纳 1.1 ..... 1.2 ..... 1.3 ..... 1.4 ..... 第2条 本站服务 2.1...... 2.2...... 2.3...... 第3条 用户信息 3.1...... 3.2...... 3.3...... 第4条 用户依法言行义务 4.1...... 4.2...... 4.3...... 4.4...... 4.5...... 第5条 商品信息 5.1...... 5.2...... 5.3...... 5.4...... 5.5...... </textarea> </div> <div style="position: relative;height: 110px;width: 947px;position: fixed;"> <div style="position: absolute;height: 60px;background-color: white;width: 250px;bottom: 20px;left: 350px;"> <button style="font-size: 25px;background-color: red; margin-left: 35px;margin-top: 2px;padding-left: 30px; padding-right: 30px;padding-bottom: 10px;padding-top: 10px; cursor: pointer;"> 同意并继续 </button> </div> </div> </div> </body> </html>
时间: 2024-08-09 02:07:09