使用frameset标签，以及搭配使用DIV+CSS，设计并布局一个简单的页面（在其中的一个页面里面，开发一个用户注册界面）

最新推荐文章于 2022-11-19 23:40:54 发布

haha_7

最新推荐文章于 2022-11-19 23:40:54 发布

阅读量467

点赞数

分类专栏： JavaWeb学习文章标签： web css html

本文链接：https://blog.csdn.net/haha_7/article/details/109357028

版权

1）使用frameset标签，以及搭配使用DIV+CSS，设计并布局一个简单的页面。
2）在其中的一个页面里面，开发一个用户注册界面，要求：使用JavaScript检查格式是否正确。
a.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JavaWeb学习</title>
<style>
* {
    
  box-sizing: border-box; 
  } 
body {
    
  font-family: Arial;  
  padding: 10px;  
  background: #393a3c; 
  }
/* 头部标题 */
.header {
    
    padding: 30px;  
    text-align: center;  
    background: #2eaeb1;
       } 
.header h1 {
    
      font-size: 50px;
         } 
/* 导航条 */
.topnav {
    
    overflow: hidden;  
    background-color: #237491;
    } 
/* 导航条链接 */
.topnav a {
    
    float: left;  
    display: block;  
    color: #f2f2f2;  
    text-align: center;  
    padding: 14px 16px;  
    text-decoration: none;
      } 
 /* 链接颜色修改 */
.topnav a:hover {
    
      background-color: #ddd;  
      color: white;
      } 
/* 创建两列 */
/* Left column */
.leftcolumn {
    
     float: left;  
     width: 75%;
     } 
/* 右侧栏 */
.rightcolumn {
    
       float: left;  
       width: 25%;  
       background-color: #393a3c;  
       padding-left: 20px;
       } 
/* 图像部分 */
.fakeimg {
    
      background-color: white;  
      width: 75%;  
      padding: 20px;
      } 
/* 文章卡片效果 */
.card {
    
     background-color: #f1765e;  
     padding: 20px;  
     margin-top: 20px;
     }
.card1 {
    
       background-color: #ecb656;  
       padding: 20px;  
       margin-top: 20px;
       } 
/* 列后面清除浮动 */
.row:after {
    
  content: "";  
  display: table;  
  clear: both;
  } 
/* 底部 */
.footer {
    
     padding: 5px;  
     text-align: center;  
     background: #2eaeb1;  
     margin-top: 20px;
     } 
/* 响应式布局 - 屏幕尺寸小于 800px 时，两列布局改为上下布局 */
@media screen and (max-width: 800px) {
    
  .leftcolumn, .rightcolumn {
    
         width: 100%;    
         padding:

最低0.47元/天解锁文章

haha_7

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
使用frameset标签，以及搭配使用DIV+CSS，设计并布局一个简单的页面（在其中的一个页面里面，开发一个用户注册界面）

1）使用frameset标签，以及搭配使用DIV+CSS，设计并布局一个简单的页面。2）在其中的一个页面里面，开发一个用户注册界面，要求：使用JavaScript检查格式是否正确。a.html<!DOCTYPE html><html><head><meta charset="utf-8"><title>JavaWeb学习</title><style>* { box-sizing: border-box;
复制链接

扫一扫