0203 简易百度主页制作函数

最新推荐文章于 2021-02-23 16:29:40 发布

DumFuxx

最新推荐文章于 2021-02-23 16:29:40 发布

阅读量59

点赞数

分类专栏：笔记文章标签： html

本文链接：https://blog.csdn.net/weixin_54056549/article/details/113639626

版权

笔记专栏收录该内容

30 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>baidu</title>
    <style>
        #top_left ul li{
            float: left;/*左浮动*/
            margin-left: 40px;
            list-style: none;/*去掉小圆点*/
        }
        #top_right{
            float: right;
            margin-right: 20px;
        }
        #top_right .tr1{
            margin-right: 20px;
        }
        #center #input1{
            width: 421px;
            height: 50px;
            border: 1px solid blue;
            border-top-left-radius: 15px;
            border-bottom-left-radius: 15px;
            padding-left: 20px;
            font-size: 24px;
        }
        #center{
            left: 56%;
            margin-left:-20% ;
            position: absolute;
        }
        #center #input2{
            width: 120px;
            height: 56px;
            border-top-right-radius: 15px;
            border-bottom-right-radius: 15px;
            background-color: #4e6ef2;
            color: white;
            margin-top: -2px;
            position: absolute;
        }
        #bottom li{
            list-style: none;
        }
        #bottom div{
            float: left;
        }
        #bottom{
            font-size: 30px;
            top: 45%;
            left: 43%;
            position: absolute;
        }
    </style>
</head>
<body>
<div>
    <div id="top">
        <div id="top_left">
            <ul>
                <li>新闻</li>
                <li>hao123</li>
                <li>地图</li>
                <li>直播</li>
                <li>视频</li>
                <li>贴吧</li>
                <li>学术</li>
                <li>更多</li>
            </ul>
        </div>
        <div id="top_right">
            <a class='tr1' href="../demo5.html">设置</a>
            <button class="tr1" style="width:60px; height:25px">登录</button>
        </div>
    </div>
    <div id="center">
        <div><img src="baidu.png" alt=""></div>
        <div><input id="input1" type="text"><input id="input2" type="button" value="百度一下"></div>
    </div>
    <div id="bottom">
        <div id="bottom_left">
            <ul>
                <li style="color: #4a90e2">11111</li>
                <li style="color: #5c6266">22222</li>
                <li style="color: mediumvioletred">33333</li>
            </ul>
        </div>
        <div id="bottom_right">
            <ul>
                <li style="color: ">44444</li>
                <li>55555</li>
                <li>66666</li>
            </ul>
        </div>
    </div>
    <div style="width: 100px;height: 100px;background-color: orange;position: relative;margin-top: 50px">1111111</div>
    <div style="width: 100px;height: 100px;background-color: forestgreen;position: absolute;">22222222</div>
</div>


</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

</body>
<script>
    function func1(num1){
        var num2 = 6;
        function func2() {
            num1++;
            num2++;
            alert(num1);
            alert(num2);
        }
        return func2();
    }
    func1(5);

</script>
</html>

DumFuxx

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
0203 简易百度主页制作函数

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>baidu</title> <style> #top_left ul li{ float: left;/*左浮动*/ margin-left: 40px; list-style
复制链接

扫一扫