学生网页设计作品 dreamweaver作业静态HTML网页设计模板 篮球网页作业制作

一、作品介绍

HTML实例网页代码, 本实例适合于初学HTML的同学。该实例里面有设置了css的样式设置，有div的样式格局，这个实例比较全面，有助于同学的学习,本文将介绍如何通过从头开始设计个人网站并将其转换为代码的过程来实践设计。

---

二、作品效果

▶️视频演示

https://live.csdn.net/v/embed/239844

(title-B46JP 灌篮高手(4页)HTML+CSS)]

截图演示

01.png

02.png

03.png

04.png

05.png

06.png

07.png

08.png

09.png

---

三、 作品代码

HTML代码

  

    
首页
    
故事简介
    
人物介绍
    
登录
  



  


  
  

    

      
基本信息
    
    
《灌篮高手》是日本漫画家井上雄彦以高中篮球为题材的少年漫画，在《周刊少年JUMP》1990年42号至1996年27号上连载，单行本在17个国家和地区发行。与《足球小将》和《棒球英豪》合称为日本运动漫画三大巅峰之作。1995年，《灌篮高手》获日本第40届小学馆漫画奖；2006年，日本文化厅媒体艺术祭10周年纪念企划“日本的媒体艺术100选”，《灌篮高手》获得漫画部门第1位 [1]  ；2009年入选由中国图书商报和中国出版科研所联合评出的“新中国60年中国最具影响力的600本书” [2]  。

      单行本初版销量达到250万套，一举创下当年的销量纪录 [3]  ，2004年8月在日本国内发行突破一亿册（包括重制完全版） [4]  ，是集英社创社以来继《乌龙派出所》（60卷时）、《龙珠》（40卷时）、《航海王》（36卷时）之后第四部发行量超过一亿册的漫画。同时也是日本漫画销量史上卷均第二高的作品（仅次于《航海王》）。

    
    
更多信息
    

    
   
    
更多图片
  
  


灌篮高手

CSS代码

/* CSS Document */
body{width:1000px; background-color:#CC6666; line-height:24px; font-size:13px; margin:0px auto}

.main{background:rgba(255,255,255,0.5)}
.fls{float:left; width:300px; margin-right:20px; }
.rls{float:right; width:640px; margin-right:20px; }
a{ text-decoration:none;}
ul,li{list-style:none; margin:0; padding:0;}
.nav{  background:#CC3333}
.nav li{ display:inline-block;  line-height:60px  }
.nav li a{color:#fff; font-size:22px; padding:10px 30px}

.end{ background:#CC0000; color:#fff; padding:11px 0; font-size:20px;  text-align:center}
.c li{ margin-top:30px; width:33%; float:left; text-align:center}
.c li img{ max-width:90%}

.gd{ background:#CC0000; color:#fff; padding:5px 10px }
.dl2{ font-size:21px;  margin:0 auto; background:#ffe2b0; padding:60px 0}

.dl2 span{ display:inline-block; width:100px; text-align:right; padding-right:15px;}
.dl2 div{ margin:10px 0}
.dl2 input{ padding:7px 10px; border:#996666 solid 1px;}
#submit{ width:240px; background:#CC3333; color:#fff}

---

四、更多源码

【干货分享】自学编程的小伙伴可以前往我的 gitee 仓库（持续更新中...）

【web学习指南】从web基础、计算机基础到前端常用框架的教程，涵盖前端大部分必备知识（学习指南 + 技术文章 + 资源分享）

Gitee仓库地址（来个Star吧~）： https://gitee.com/zhanyuqiu2022/my-app