前端学习
关注
分享
扫一扫
Gordon_Chao
自先沉稳，而后爱人
展开
-
轮播图制作
轮播图设计原创 2022-09-02 01:01:22 · 245 阅读 · 0 评论 -
仿制苏宁易购—静态网页
苏宁易购静态网页原创 2022-07-12 21:16:30 · 40761 阅读 · 0 评论 -
仿制苏宁首页(2)
苏宁易购首页仿制原创 2022-06-10 00:00:01 · 1205 阅读 · 2 评论 -
仿制苏宁首页(1)—顶部栏
由于没有接触到JAVASCRIPT ,有些功能无法实现，而且有些图标找不到，部分找了替换，但是购物车那个真的没有能替换的图标。下面是效果图细节图html<body> <div class="top"> <div class="blocked"></div> <div class="top-left"> <div ...原创 2022-05-30 00:54:50 · 266 阅读 · 0 评论 -
百度仿制1.1 version
这次相比之前增加了百度热搜，最近比较忙，设置的下拉菜单栏没有加进去，只是单独做了出来，具体看上一次博客。下面是效果图html ↓<div class="top"> <div class="topleft"> <a href="http://news.baidu.com/" class="topleftlink">新闻</a> <a href="https://www.ha.原创 2022-05-26 00:29:46 · 197 阅读 · 0 评论 -
HTML制作简易百度下拉菜单栏
效果图：代码↓html <div class="kok"> <ul class="han"> <li><a href="#" class="set">设置</a> <ul class="jong"> <li><a href="#">搜索设置</a></li> ...原创 2022-05-14 11:05:08 · 803 阅读 · 0 评论 -
HTML设置文本框为圆角并控制其点击后的颜色
html：任意添加一个一个文本框 <input class="nav"/>css：<style> .nav { /* 设置文本框为块元素 通过margin使其居中 */ display: block; width:300px; height: 30px; margin:0 auto; /* 添加圆角风格:原创 2022-05-11 22:53:33 · 2041 阅读 · 1 评论 -
前端第二次作业-仿百度网页
静态网页效果图：局部：左上部分：文本框点击后：代码↓<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-wid..原创 2022-05-11 12:44:16 · 517 阅读 · 0 评论 -
前端学习记录
今天主要学习了元素的显示模式：块元素和行内元素。简单做了一下 小米官网的侧边栏；效果图如下源代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wid原创 2022-05-02 00:29:50 · 110 阅读 · 0 评论 -
前端学习记录
学习&总结原创 2022-05-01 00:21:09 · 161 阅读 · 2 评论 -
前端第一次作业 by Gordon
新闻界面代码如下：代码已添加注释。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2022-04-28 15:03:37 · 126 阅读 · 0 评论