HTML代码:创建居中姓名输入框和选择框,并设置背景图片
以下是一个基本的HTML代码,可以实现你描述的网页布局和背景图片显示。
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-image: url('C:\Users\kac\Desktop\manzhouli.jpg');
background-size: cover;
background-repeat: no-repeat;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
</style>
</head>
<body>
<input type='text' id='name' placeholder='姓名'>
<select id='characters'>
<option value='孙悟空'>孙悟空</option>
<option value='唐僧'>唐僧</option>
<option value='猪八戒'>猪八戒</option>
<option value='沙僧'>沙僧</option>
<option value='玉皇大帝'>玉皇大帝</option>
<option value='白骨精'>白骨精</option>
<option value='牛魔王'>牛魔王</option>
<option value='夏海生'>夏海生</option>
</select>
</body>
</html>
请注意,这里的背景图片地址需要根据你自己的实际文件路径进行修改。
原文地址: https://www.cveoy.top/t/topic/fvSF 著作权归作者所有。请勿转载和采集!