webstudydemo/workcss.html at main · hyg1998/webstudydemo · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
<!DOCTYPE html>
<html lang="Zh-cn">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>百度首页</title>
    <style>
        body {
            background-color: white;
        }
        .s {
                text-align: center;
                width: 1800;

        }


        .link {
            text-decoration: none;
            color: black;

        }
         .reach {
           width: 400px;
        }
        .daohan {
            width: 20px;
            height: 20px;
        }
        .fone {
                color: grey;
                font-weight: 300;

        }
        .bcolor {
            color: blue;
        }
    </style>
</head>
<body>
    <div class="s bcolor"><img src="imges\Baidu1.png" alt=""></div>
    <div class="s" ><a href="">新闻</a>
        <a href="">网页</a>
        <a class="link" href="">贴吧</a>
        <a href="">知道</a>
        <a href="">图片</a>
        <a href="">视频</a>
        <a href="">地图</a>
        <a href="">音乐</a><br><br>
    </div>
    <div class="s"><input class="reach" type="text">
    <button  value="submit">百度一下</button></div><br>
    <div class="s bcolor"><span><a href="">百科</a></span>
        <span><a href="">文库</a></span>
        <span><a href="">hao123</a></span>
        <span></span>
        <span>|<a href="">更多> ></a></span>

    </div><br>
    <div class="s bcolor">
        <span class="daohan"><img src="imges\icon.jpg" alt=""></span>
        <span><a href="">百度地图带你吃喝玩乐，全心全意为人民服务</a></span>
    </div><br>
    <div class="s bcolor"><span><a href="">加入百度搜素</a></span>
        <span>|</span>
        <span><a href="">搜索风云榜</a></span>
        <span>|</span>
        <span><a href="">关于百度</a></span>
        <span>|</span>
        <span><a href="">About Baidu</a></span>

    </div><br>
    <div class="s">&copy;&nbsp;2020&nbsp;Baidu&nbsp;使用百度前必读&nbsp;京IPC证030173号</div>
</body>
</html>