Day 03

最新推荐文章于 2021-06-18 23:45:34 发布

八二

最新推荐文章于 2021-06-18 23:45:34 发布

阅读量107

点赞数 1

本文链接：https://blog.csdn.net/addadsds/article/details/100567094

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>百度</title>
    <style>
        .search{
            width: 600px;
            height: 30px;
            background: url("zxj.png")  no-repeat;
            background-position: right;
            background-size: 23px;
            border: 1px solid #59aaff;
            font-size: 20px;
            vertical-align: middle;
        }
        .ensure{
            height: 35px;
            width: 100px;
            background-color: #59aaff;
            border-color: #59aaff;
            color: white;
            font-size: 15px;
            vertical-align: middle;
        }
        .pro{
            height: 25px;
            width: 65px;
            background-color: #59aaff;
            border-color: #59aaff;
            color: white;
            font-size:13px;
        }
        .title{
            float: right;
            font-size: 13px;
            margin-top: 10px;
        }
        .color{
            color: black;
            margin-right: 15px;
        }
        /*.img::before{*/
        /*    content: "";*/
        /*    background-image: url("zxj.png");*/
        /*    width: 20px;*/
        /*    height: 20px;*/

        /*    left: 10px;*/
        /*    top: 3px;*/
        /*}*/
    </style>
</head>
<body>
<div class="title">
    <a href="" class="color"><strong>新闻</strong></a>
    <a href="" class="color"><strong>hao123</strong></a>
    <a href="" class="color"><strong>地图</strong></a>
    <a href="" class="color"><strong>视频</strong></a>
    <a href="" class="color"><strong>贴吧</strong></a>
    <a href="" class="color"><strong>学术</strong></a>
    <a href="" class="color">登录</a>
    <a href="" class="color">设置</a>
    <input type="button" value="更多产品" class="pro">
</div>
<br>
<div style="text-align: center;margin-top: 80px;position: relative;">
    <img src="baidu.jpg" style="height: 130px;width: 275px;">
    <br><br>
<!--    <span class="img"></span>-->
    <input type="text" name="baidu" value="" class="search"><input type="button" name="ensure" value="百度一下" class="ensure">
</div>
</body>
</html>

在这里插入图片描述

八二

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Day 03

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>小说</title> <style> .color{ color: green; tex...
复制链接

扫一扫