![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
#练习
斜键仙
宁静致远,脚踏实地。
逆风飞翔,向阳而生。
展开
-
练习:网易新闻列表
练习:网易新闻列表,用到了两个关键知识点,一个是行内块元素(inline-block),另一个是伪元素(::before),练习源文件下面有链接。 目录前言一、练习1、效果图:2、文件目录:二、效果实现1、源码:2、运行效果:总结下载链接 前言 该练习的结构看个人习惯,不仅限于下面的,主要注意下面的两种颜色边框重叠,还有通过伪元素设置列表标记的样式。 一、练习 1、效果图: 2、文件目录: 二、效果实现 1、源码: 1_index.html文件代码如下: <!DOCTYPE html>.原创 2020-11-09 13:39:52 · 579 阅读 · 0 评论 -
练习:京东商城左侧导航栏_1
练习:京东商城左侧导航栏,运用了css的简单布局,以及当鼠标移到li标签时有一个背景效果,练习源文件下面有链接。 目录前言一、练习1、效果图:2、文件目录:二、效果实现1、源码:2、运行效果:总结下载链接 前言 该练习,可以采用nav(div)、div(div)、ul(li)等几种结构,看个人喜欢,我下面用的是ul(li)。 一、练习 1、效果图: 2、文件目录: 二、效果实现 1、源码: 1_index.html文件代码如下: <!DOCTYPE html> <html la原创 2020-11-08 16:31:08 · 2328 阅读 · 0 评论 -
Bootstrap练习:百度登录框
练习:点击登录,弹出一个登录表单,运用到了bootstrap模态框知识和js的插件,练习源文件在下面给出自行下载。 目录一、练习目录结构二、练习源码三、运行效果小结 一、练习目录结构 二、练习源码 index.html文件代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=原创 2020-11-03 18:00:01 · 2730 阅读 · 0 评论