猫史档案馆

Web前端开发

Lv.1

UI师小绿小号喜好做网站，擅长h t m l css JavaScript

获赞:34收藏:0浏览:119作品收藏:1

在不为别的只为做网站放个图片中回复

center_image

2023-04-27T20:05:23 点赞:0

在不为别的只为做网站放个图片中回复

<html>

<head></head>

<body><img src="https://cdn-community.codemao.cn/47/community/d2ViXzMwMDFfNDM2MjA1MTUzXzUzNjg2NV8xNjgxODI0NjcwMDk4X2Q5Mzg3NTdl.png" alt="梨" width="140&quot;&quot;" height="100&quot;&quot;"><a href="htttps.duckpear.com.cn" class="button">首页</a><a href="htttps.duckpear.com.cn" class="button">发现</a><a href="htttps.duckpear.com.cn" class="button">CoCo控件</a><a href="htttps.duckpear.com.cn" class="button">编程猫大事件</a>
    <form>
        <input type="text" name="search" placeholder="搜点什么">
    </form>

    <img src="https://cdn-community.codemao.cn/47/community/d2ViXzMwMDFfNDM2MjA1MTUzXzUzNjg2NV8xNjgxODI0Njc5MjkzX2Y0NDRlODE2.png" alt="梨" width="600&quot;&quot;" height="350&quot;&quot;">

    <h1>编程教程</h1>
    <a href="duckpear.com.cn/coco" target="-blank" title="CoCo"> <img src="https://cdn-community.codemao.cn/47/community/d2ViXzMwMDFfNDM2MjA1MTUzXzUzNjg2NV8xNjgyMzEyNTU2OTk4XzJiZDdkODM3.png">
    </a><a href="duckpear.com.cn/coco" target="-blank" title="kitten"> <img src="https://cdn-community.codemao.cn/47/community/d2ViXzMwMDFfNDM2MjA1MTUzXzUzNjg2NV8xNjgyMzEyNDcyNzQxXzE0NTc1NDQw.png">
    </a><a href="https://www.runoob.com/html/html-tutorial.html" target="-blank" title="H喵L"> <img src="https://www.runoob.com/wp-content/uploads/2013/06/image-icon.png">
        <div id="outer">
            <img src="https://cdn-community.codemao.cn/47/community/d2ViXzMwMDFfNDM2MjA1MTUzXzUzNjg2NV8xNjgyMzEzNTg0ODM5XzcwZjI4Yjcz.png" width="1000" height="150"><br>
        </div>
        <div id="outer">
            <img src="https://cdn-community.codemao.cn/47/community/d2ViXzMwMDFfNDM2MjA1MTUzXzUzNjg2NV8xNjgyMzEzNzA0Nzk2XzM1NmI4NmIy.png" width="600" height="20">
        </div>
    </a>
    <div id="outer"><a href="https://www.runoob.com/html/html-tutorial.html" target="-blank" title="H喵L">
        </a><a href="https://icp.gov.moe/?keyword=20230905" target="_blank">萌I喵备20230905号</a>
    </div>

    <title dir="ltr|rtl" lang="en|zh">鸭圈</title>

    <link rel="shortcut icon" href="屏幕截图 2023-04-22 180145.png" type="image/x-icon">
    <meta name="keywords" content="鸭圈（duckpear.com.cn）">
    <meta name="description" content="鸭圈，为互联网赋能">



    <style>
        .button {
            background-color: #4CAF50;
            border: none;
            color: yellow;
            padding: 15px 32px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 16px;
            margin: 4px 2px;
            cursor: pointer;
        }
        #inner {  
          border: 1px solid black;
        }
        
        #outer {
          border: 1px solid white;
          width:100%;
          display: flex;
          justify-content: center;
        }
        input[type=text] {
            width: 130px;
            box-sizing: border-box;
            border: 2px solid #ccc;
            border-radius: 4px;
            font-size: 16px;
            background-color: white;
            background-image: url('searchicon.png');
            background-position: 10px 10px; 
            background-repeat: no-repeat;
            padding: 12px 20px 12px 40px;
            -webkit-transition: width 0.4s ease-in-out;
            transition: width 0.4s ease-in-out;
        }
        
        input[type=text]:focus {
            width: 100%;
        }
    </style>
</body>

</html>

2023-04-28T18:19:42 点赞:0

在不为别的只为做网站放个图片中回复

center_image