当前位置: 首页 > news >正文

HTML静态网页成品作业(HTML+CSS)——宠物狗店网页(1个页面)

🎉不定期分享源码,关注不丢失哦

文章目录

  • 一、作品介绍
  • 二、作品演示
  • 三、代码目录
  • 四、网站代码
    • HTML部分代码
  • 五、源码获取


一、作品介绍

🏷️本套采用HTML+CSS,未使用Javacsript代码,共有1个页面

二、作品演示

在这里插入图片描述

三、代码目录

在这里插入图片描述

四、网站代码

HTML部分代码


<div class="mm1"><div class="base"><div class="logo"><img src="./img/logo.png"></div><ul><li><a href="">首页</a></li><li><a href="">关于CFA</a></li><li><a href="">服务项目</a></li><li><a href="">新闻中心</a></li><li><a href="">联系方式</a></li></ul></div></div><div class="mm2"><div class="bb"><img src="./img/b1.png"></div><div class="mm2_top"><div><img src="./img/ii1.png"></div><div><img src="./img/ii2.png"></div><div><img src="./img/ii3.png"></div></div><div class="mm2_link"><a href="">了解更多</a></div></div><div class="mm3"><div class="mm3_top">宠物领养 pet daoption</div><div class="base"><div class="mm3_left"></div><div class="mm3_cc"><div class="mm3_it"><div class="mm3_img"><img src="./img/mm6.png"></div><div class="mm3_n"><div class="mm3_x">01</div><div class="mm3_nn">小狗宝宝寻求领养</div></div><div class="mm3_d">小公狗,听话粘人喜欢玩,因为家庭原因希望有爱他的主人能灵验.</div><div class="mm3_more"><a href="">了解更多</a>	</div></div><div class="mm3_it"><div class="mm3_img"><img src="./img/mm5.png"></div><div class="mm3_n"><div class="mm3_x">02</div><div class="mm3_nn">流浪花猫咪求抱走</div></div><div class="mm3_d">小花猫七个月了,是从宠物市场买回来的,猫咪有四分之一的波斯猫血统,对吃的百无禁忌,害怕吹风机,每次洗完澡都要取暖......</div><div class="mm3_more"><a href="">了解更多</a>	</div></div><div class="mm3_it"><div class="mm3_img"><img src="./img/mm4.png"></div><div class="mm3_n"><div class="mm3_x">03</div><div class="mm3_nn">蠢萌小猪急寻主人</div></div><div class="mm3_d">公仔荷兰猪一枚,1岁半,附送全套装备</div><div class="mm3_more"><a href="">了解更多</a>	</div></div></div><div class="mm3_right"></div></div></div>

五、源码获取

🥇 ~ 关注我,点赞博文~ 每天带你涨知识!
🎁1.看到这里了就[点赞+好评+收藏]三连 支持下吧,你的「点赞,好评,收藏」是我创作的动力。
💙2.想要获取本文源码,点击前往吧


http://www.mrgr.cn/news/13789.html

相关文章:

  • 【GPT教我学】字节对象和字符对象
  • 【电控笔记z26】串级PID单环位置PID
  • HSE软件组件有哪些?如何实现HSE与主机的通信(同步/异步)?如何使用HSE提供的安全服务?
  • 米哈游(原神)一面算法原题
  • shell循环结构之while循环
  • 深入探索Python的`multiprocessing`模块:实现并行处理的实用指南
  • 【初阶数据结构】顺序表和链表算法题(下)
  • ADB 获取屏幕坐标,并模拟滑动和点击屏幕
  • C++ 两线交点程序(Program for Point of Intersection of Two Lines)
  • 数据仓库系列 2:数据仓库的核心特点是什么?
  • 解决Selenium已安装,在pycharm导入时报错
  • 如何将十六进制的乱码转换成汉字
  • Java 输入与输出之 NIO【非阻塞式IO】【NIO核心原理】探索之【一】
  • 数据链路层(Mac帧,报头字段,局域网通信原理),MTU,MSS,ip报文的分包与组装(ip报头字段介绍,组装过程,判断是否被分片/收到全部分片)
  • 手机游玩植物大战僵尸杂交版V2.3.7最新版教程(文章末尾免费直接下载链接)
  • 跨境电商避坑指南:如何在亚马逊和速卖通安全进行测评补单
  • Linux—信号量
  • sql实现按照自定义顺序 排序
  • vue3实现excel文件预览和打印
  • 利用移动语义优化 C++ 程序性能的实用指南