2024.4.16

个人信息填写界面：

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Document</title>

<style tylie="text/css">

body{background-repeat:no-repeat;

background-size:100%;

background-image:url(images/个人信息背景.jpg);

margin: 0px auto;

}

#wei{

margin:150px 370px;

 

}

.biao{

color: #3399FF;

list-style:none;

font-family: 华文彩云;

}

.biankuang{

border-radius: 50px 50px 50px 50px;

}

.color1{

font-family: 方正舒体;

color:pink;

background: url(images/格子背景2.jpeg);

font-size: 25px;

}

</style>

</head>

<body>

<div id="wei">

<li class="biao">姓名：<input type="text" class="biankuang"></li>

<li class="biao"> </li>

<li class="biao">年龄：<input type="text" class="biankuang"></li>

<li class="biao"> </li>

<li class="biao">爱好：<input type="text" class="biankuang"></li>

<li class="biao"> </li>

<li class="biao">QQ：<input type="text" class="biankuang"></li>

<li class="biao"> </li>

<li class="biao">微信：<input type="text" class="biankuang"></li>

<li class="biao"> </li>

<li class="biao">邮箱：<input type="text" class="biankuang"></li>

<li class="biao"> </li>

<li class="biao">个人简介：</li>

<li class="biao"> </li>

<li class="biao"><textarea name="textarea" cols="50" rows="5" class="color1">

是一个帅气无比，幽默细胞浓厚，待人宽和的家伙

      </textarea></li>

      <li class="biao"> </li>

      <li class="biao"><a href = "C:\Users\user\Documents\庄树琦-网页设计.html" >

     <button type="submit">提交</button ></a>  <input type="reset" value="重填"></li>

</div>

</body>

</html>

 
posted @ 2024-04-16 21:16  Verneyyx  阅读(19)  评论(0)    收藏  举报