以下是一个基本的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>

请注意,这里的背景图片地址需要根据你自己的实际文件路径进行修改。

HTML代码:创建居中姓名输入框和选择框,并设置背景图片

原文地址: https://www.cveoy.top/t/topic/fvSF 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录