【Web】
关注
分享
扫一扫
实战篇
王同学要努力
24届毕业生 计科专业
无论身处何方，陷于何地，都要向下扎根，向上开花，不负生活，不负自己！
展开
-
HTML和CSS实现京东首页（html和css详解）
HTML和CSS实现京东首页，效果图如下：基本代码如下：需要源代码和素材的加Q（2997381395）<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <title>京东(JD.COM)-综合网购首选-正品低价、品质保障、配送及时、轻松购物！</title> <meta name="descri原创 2020-12-20 18:54:57 · 16638 阅读 · 0 评论
-
十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧！！！
十款表白小特效 用代码表白 一个比一个浪漫 赶紧收藏起来吧！！！文章简介最近看了一街坊视频，问路人“你眼中的程序员是怎样的?”然后一堆关键词就出来了“直男、宅、不懂浪漫、秃头、掉发、油头、戴眼镜、瘦、没得休息、枯燥乏味、不修边幅、做事有逻辑、学霸、认真、憨厚老实、可爱 哈哈哈哈哈哈”。 说程序员是直男，不可否认，大多数程序员都挺直，因为我们没有那么多弯弯绕绕。有心思兜圈子，不如回去写几行代码。早年雷军说“我喜欢写代码，代码的世界很简单”程序员，格子衫，不浪漫，直男，人傻钱多……一点都不懂得原创 2021-08-13 14:05:12 · 574172 阅读 · 915 评论 -
HTML+CSS+JS实现十款好看的登录注册界面模板，赶紧收藏起来吧！
推荐十款好看的登录注册界面，赶紧收藏起来吧！界面一：简约版界面二界面三界面四界面五界面六界面七界面八界面九界面十原创 2021-04-20 15:03:48 · 304621 阅读 · 1496 评论 -
HTML+CSS+JS实现网页随机点名
HTML+CSS+JS实现网页随机点名大家好，我是小王，一个很喜欢Coding的小女孩。很喜欢这句话：人数没有白走的路，每一步都算数，关注我，后期分享更多资源！效果如下：部分代码如下：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>随机点名 </title> <style> * {原创 2021-04-08 23:28:25 · 2064 阅读 · 2 评论 -
手把手带你写米课官网
手把手带你写米课官网人生没有白走的路，每一步都算数，大家好，我是小王，今天，手把手教你写一个米课官网原创不易，希望大家多多支持！ 需要源代码的评论区留言，或者加下面的QQ群。大家记得关注我哦！我会不定期的跟大家分享文章。点我进群 一起学习交流！(群里有许多的资料，需要的直接下载就可以了)QQ群:722384575 一、主要内容项目准备导航登录主体响应式二、学习目标三、项目准备下载图片下载iconfont初始化css文件..原创 2021-03-25 19:00:02 · 976 阅读 · 1 评论 -
手把手带你一起写迅雷官网
手把手带你一起写迅雷官网人生没有白走的路，每一步都算数，大家好，我是小王，今天，手把手教你写一个迅雷官网，原创不易，希望大家多多支持！ 需要源代码的评论区留言，或者加下面的QQ群。大家记得关注我哦！我会不定期的跟大家分享文章。点我进群 一起学习交流！(群里有许多的学习资料，需要的直接下载就可以了)QQ群:722384575 一、主要内容点我进群...原创 2021-03-21 09:11:14 · 2717 阅读 · 9 评论 -
HTML+CSS+JS实现计算机功能
本文运用前端代码实现一个简单的计算器界面，并通过JS实现了基本的运算功能。（加、减、乘、除、清屏/退格、取余、取倒） 1.编写前端界面 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>我的计算器</title> <style> ...原创 2021-01-22 16:52:31 · 1045 阅读 · 0 评论 -
HTML+CSS实现动画导航栏
HTML+CSS实现动画导航栏话不多说，先上效果图代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <s原创 2021-01-14 10:06:00 · 1468 阅读 · 0 评论 -
HTML+CSS实现淘宝首页
一、HTML+CSS实现淘宝首页仿写淘宝页面，趁着元旦假期终于把这个淘宝页面给做好了，原创不易，欢迎大家点赞和评论，需要源代码的评论区留言或者加我QQ（2997381395），大家记得关注我哦，我会不定期的跟大家分享文章。二、页面结构如下：...原创 2021-01-03 20:51:18 · 37144 阅读 · 371 评论 -
HTML+CSS实现轮播图效果
HTML+CSS实现轮播图效果效果图如下（想要源码或者感兴趣的小伙伴可以评论区留言哦！）HTML部分源代码如下：<!DOCTYPE html><html ><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>轮播图</tit原创 2020-12-29 17:57:24 · 8675 阅读 · 18 评论 -
HTML+CSS实现小米账号注册界面
HTML+CSS实现小米账号注册界面话不多说，先上图：HTML部分源代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="logi原创 2020-12-29 16:44:24 · 5191 阅读 · 1 评论 -
HTML+CSS实现小米登录界面
HTML+CSS实现登录界面原创 2020-12-29 16:34:10 · 14909 阅读 · 21 评论 -
HTML+CSS实现小米官网首页
一、HTML+CSS实现小米官网首页仿写小米官网的页面，熬了两个晚上终于把这个页面做好了，原创不易，欢迎大家点赞和评论，需要源代码的评论区留言或者加我QQ（2997381395），大家记得关注我哦！我会不定期的跟大家分享文章。二、页面结构如下：三、效果图如下：四、部分源代码如下（如需要全部的源代码请加我QQ或者评论区留言，原创不易，记得点赞和收藏哦）。HTML部分源代码如下：<!DOCTYPE html><html lang="en"><head>原创 2020-12-28 18:49:53 · 32043 阅读 · 525 评论 -
HTML+CSS制作人物介绍卡片效果
HTML+CSS制作人物介绍卡片效果效果图如下：HTML部分源代码如下：<!DOCTYPE html><html lang="zh-Hans"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>制作人物介绍</title&g原创 2020-12-28 11:38:56 · 16245 阅读 · 13 评论 -
HTML+CSS制作炫彩的数字时钟
HTML+CSS制作炫彩的数字时钟效果图如下：HTML部分代码如下：<!DOCTYPE html><html lang="zh-Hans"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>数字时钟</title>原创 2020-12-28 11:28:49 · 2820 阅读 · 2 评论 -
HTML+CSS制作漂浮的对话框
HTML+CSS制作漂浮的对话框效果图如下：HTML部分源代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>对话框</title> <l原创 2020-12-28 11:17:32 · 1013 阅读 · 0 评论 -
HTML+CSS制作Windows启动加载动画
HTML+CSS制作Windows启动加载动画效果图如下：HTML部分源代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Windows加载动画</titl原创 2020-12-28 11:11:48 · 1102 阅读 · 0 评论 -
HTML+CSS制作旋转的loading效果
HTML+CSS制作旋转的loading效果效果图如下：HTML部分源代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>HTML+CSS制作旋转的loading效果原创 2020-12-28 11:07:20 · 1031 阅读 · 0 评论 -
HTML+CSS制作3D步数统计界面
HTML+CSS制作3D步数统计界面效果图如下：HTML部分源代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=container.classList.0"> <title>HTML+CS原创 2020-12-28 11:02:29 · 723 阅读 · 0 评论 -
HTML+CSS制作彩色波动
HTML+CSS制作彩色波动效果图如下：HTML部分源码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>彩色波动</title> <lin原创 2020-12-28 10:52:45 · 365 阅读 · 0 评论 -
HTML+CSS制作一个动画
HTML+CSS制作一个动画效果图如下：HTML部分结构如下：<!DOCTYPE html><html lang="zh-Hans"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>动画效果</title> &l原创 2020-12-27 18:05:50 · 1239 阅读 · 1 评论 -
HTML+CSS制作七夕跳动的红心动画效果
HTML+CSS制作七夕跳动的红心动画效果效果图如下：HTML部分源代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>七夕</title> &原创 2020-12-27 17:59:24 · 731 阅读 · 0 评论 -
HTML+CSS实现菜单的3D翻转特效
HTML+CSS实现菜单的3D翻转特效效果图如下：HTML部分源代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>翻转特效</title>原创 2020-12-27 17:53:27 · 634 阅读 · 0 评论 -
HTML+CSS实现弹跳球效果
HTML+CSS实现弹跳球效果效果图如下：HTML部分源代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>弹跳的小球</title> <原创 2020-12-27 17:38:25 · 2074 阅读 · 0 评论 -
HTML+CSS制作DNA双螺旋结构
HTML+CSS制作DNA双螺旋结构效果图如下：HTML部分源代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>双螺旋结构</title> &原创 2020-12-27 17:28:41 · 780 阅读 · 2 评论 -
HTML+CSS实现导航条
HTML+CSS实现导航条：1、HTML部分源代码如下：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>编译遇见未来</title> <link rel="stylesheet" href="css/style.css" > </head> <body> <ul> &l原创 2020-12-26 19:11:43 · 4323 阅读 · 9 评论 -
HTML+CSS实现品优购登录界面
HTML+CSS实现品优购登录界面效果图如下：1、HTML部分源代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" c原创 2020-12-26 10:00:09 · 2178 阅读 · 0 评论 -
HTML和CSS实现品优购首页
HTML和CSS实现品优购首页效果图如下：1、HTML部分源代码如下：<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible"原创 2020-12-26 09:52:24 · 3712 阅读 · 1 评论