网页设计 | 表单前台设计 - 简单的注册页面

最新推荐文章于 2023-10-18 19:50:20 发布

VIP文章不搭很CHILL

最新推荐文章于 2023-10-18 19:50:20 发布

阅读量394

点赞数

分类专栏：大学实验项目文章标签： html

本文链接：https://blog.csdn.net/qq_40635117/article/details/116003927

版权

网页设计 | 表单前台设计 - 简单的注册页面

实验目的

表单的前台设计，用CSS控制表单的外观（具体样式自己设计）

实验内容

制作表单并能通过CSS样式控制其外观

实验程序（代码清单）

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
	body{
     background:url(car2.jpg); }
	p {
     color:#FC6;}
	span {
     color:#9C3; text-decoration:underline;}
	#textarea {
     background-color:antiquewhite; }
	.input{
    background-color: #EDCC8B;}
	form{
    text-align: center}
	h1{
    color:beige; text-align: center; }
</style>
</head>

<body >
	<h1>注册页面</h3>
<form action="" method="get" style="margin: auto">
  <p>
    <label for="textfield">我的邮箱：</label>
    <input type="text" name="textfield" id="textfield" class="input">
  </p>
  <p>
    <label for="

最低0.47元/天解锁文章

优惠劵

不搭很CHILL

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
网页设计 | 表单前台设计 - 简单的注册页面

网页设计 | 表单前台设计 - 简单的注册页面实验目的表单的前台设计，用CSS控制表单的外观（具体样式自己设计）实验内容制作表单并能通过CSS样式控制其外观实验程序（代码清单）<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><style> body{ background:url(car2.jpg); }
复制链接

扫一扫