web前端 html+css+javascript网页设计实例水果网站制作

2023-04-07 13:18| 来源: 网络整理| 查看: 265

一、📚作品介绍

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

二、🔗作品效果 ▶️视频演示

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

(title-F110JP 水果之家10页无js)]

🧩 截图演示 01.png 02.png 03.png 04.png 05.png 06.png 07.png 08.png

三、💒 作品代码 🧱HTML代码水果之家网站首页水果清洗减肥水果水果图片

水果，是指多汁且主要味觉为甜味和酸味，可食用的植物果实。水果不但含有丰富的维生素营养，而且能够促进消化。

研究表明，水果腐烂程度越高，链格孢毒素含量越高，离病斑越远的部分，含量则越低。所以，并不是所有烂水果都不能吃。如果机械损伤和冷害的水果，只要没长时间放置，滋生微生物的话，还是可以吃；而对于霉变腐烂的水果，如果霉变的部分不是很严重，挖去病斑外2cm处，剩余部分还可以食用，如果霉变超过水果三分之一甚至一半以上，就不宜食用了。

水果之家

🏠CSS代码 @charset "utf-8"; /* CSS Document */ body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dt, dd, form, a, fieldset, input, th, td {margin: 0; padding: 0; border: 1; outline: none;} body { font-family: "微软雅黑";font-size: 14px;color:#000000; line-height:30px;text-align:left; } td,th {font-family: "宋体";font-size: 14px;color: #000000;} .clearit{clear:both;} A:link {TEXT-DECORATION: none;} A:visited {TEXT-DECORATION: none;} ul,li{list-style-type:none; color:#000;} p{ line-height:30px; } a{color:#000;} a:hover{color:#60353e;} .banner{width:1000px; height:400px; background-image:url(images/banner.jpg); margin:0 auto;} .yinying{width:1000px; height:40px;background:rgba(244,192, 182, 0.5);} .logo{margin:0 auto; width:200px;} .daohang{width:1000px; height:40px;background:rgba(244,192, 182, 0.5); margin-top:320px;} .daohang ul li{float:left; width:250px; text-align:center; line-height:40px;} .page{background:rgba(244,192, 182, 0.5); width:1040px; margin:0 auto;} .dazuo{float:left; width:380px;} .dayou{float:right; width:600px;} .yi{width:1000px; margin:0 auto;} .da{margin-top:30px;} .tu{float:left; width:323px; margin-left:5px; margin-right:5px;} .foot p{text-align:center; font-size:16px; line-height:60px;}

四、🎁更多源码

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

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

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

【本文地址】

公司简介

联系我们

web前端 html+css+javascript网页设计实例 水果网站制作

web前端 html+css+javascript网页设计实例水果网站制作