Web前端开发查看:0 回复:39 评论:0 创建时间:2023-04-18T20:17:18用户:Web前端开发查看:0 回复:39 评论:0 创建时间:2023-04-18T20:17:18
Web前端开发
<html>
<head></head>
<body><img src="https://cdn-community.codemao.cn/47/community/d2ViXzMwMDFfNDM2MjA1MTUzXzUzNjg2NV8xNjgxODI0NjcwMDk4X2Q5Mzg3NTdl.png" alt="梨" width="140""" height="100"""><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""" height="350""">
<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>点赞0
评论
