html+css编写用户注册协议页

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html+css编写用户注册协议页相关的知识,希望对你有一定的参考价值。

需求:

html+css编写用户注册协议页

<!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;"">&nbsp;</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>


技术分享

本文出自 “wsyht90的博客” 博客,请务必保留此出处http://wsyht90.blog.51cto.com/9014030/1846444

以上是关于html+css编写用户注册协议页的主要内容,如果未能解决你的问题,请参考以下文章

VSCode自定义代码片段——CSS选择器

Spring Boot制作个人博客-详情页

css 粘性页脚片段(来源:treehouse flexbox课程)

VSCode自定义代码片段——CSS动画

VSCode自定义代码片段7——CSS动画

VSCode自定义代码片段7——CSS动画