<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>百度一下</title>
<style>
.contain {
display: flex;
border: 1px solid blue;
border-radius: 5px;
width: 846px;
}
.input {
width: 630px;
border: none;
padding: 10px;
font-size: 16px;
}
.btn {
background-color: blue;
color: white;
border: none;
padding: 10px 20px;
font-size: 16px;
cursor: pointer;
}
.input:focus {
outline: none;
}
.btn:hover {
background-color: darkblue;
}
.img{
height: 50px;
cursor: pointer;
}
.img:hover {
opacity: 0.5;
}
</style>
</head>
<body>
<div class="contain">
<input type="text" class="input">
<div class="img"><img src="C:\Users\canglanhuaming\Pictures\Screenshots\屏幕截图 2024-04-07 163358.png">
</div>
<button class="btn">百度一下</button>
</div>
</body>
</html>
扫一扫
680
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
