前端

HTML、CSS、JavaScript、Vue等笔记分享。

等 3 人订阅共11篇文章创建于2022-02-26

Web实现：CSS盒模型实例代码

.....box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.阴影颜色:就是矩形下面那个矩形的背景色。<link rel="stylesheet" href="index.ul li.<link rel="stylesheet" href="i...

3年前
201
点赞
评论

Web实现：各种不同的CSS样式示例

<!-- 引入外部index.<link rel="stylesheet" href="./index.专业综合性强，具有较强的综合能力，学习认真刻苦，虽然我的专业是思想政治教育，但是我们所学的除了马克思主义的相关理论之外，同时还学习了管理学、心理学和法学的相关理论知识，专业具有...

3年前
131
点赞
评论

Web实现：简单的注册表单

Web实现：简单的注册表单。 <meta name="viewport" content="width=device-width, initial-scale=1.<link type="text/css" rel="stylesheet" href="./index.trans...

3年前
221
点赞
评论

Web实现：实现在网页上插入音频条

```html 您的浏览器不支持audio标签 ``` <title>编程题</title> </head> <body> <audio controls="controls" src

3年前
239
点赞
评论

Web实现：仿苹果官网首页HTML、CSS

仿苹果官网首页的HTML部分和 CSS部分： <!DOCTYPE html> <html> <head> <title>Apple</title> <link rel="stylesheet" t

3年前
1.9k
点赞
评论

Web实现：简单的留言板功能

实现简单的留言板功能，只是简单的demo，并不能保存数据，如果刷新页面，数据就会丢失，输入内容点击留言按钮，输入的内容即会显示到页面上，同时加上删除按钮，可以删除当前数据。效果图： https://

3年前
1.1k
点赞
评论

Web实现：仿王者荣耀JS

```js /** * */ var scroll_img=new Array(); for(var i=0;i<5;i++){ scroll_img[i]="pic_scroll"+(i+1)+".

3年前
173
点赞
评论

Web实现：仿王者荣耀CSS

```css *{ margin: 0px; padding:0px; } ul{ list-style: none; } a{ text-decoration: none; } body{ back

3年前
125
点赞
评论

Web实现：仿王者荣耀HTML

由于写这段代码时间比较长了，中间的一些图片信息之类的都有更新了，可以自行对照王者荣耀官网首页更换图片。

3年前
943
点赞
2

Web实现：鼠标悬停显示视频播放按钮

大部分的视频网站显示视频集时，都是有一个精美的封面，当鼠标移动到某个视频时，视频封面上会出现一层类似于毛玻璃效果的，然后显示视频播放按钮。实现代码如下：其中出现的图片自己按需要更换，ico_play

3年前
866
1
评论

Web实现：会员注册页面HTML、CSS、JS

HTML部分： ` *{ padding: 0px; margin: 0px; } body{ background-image: linear-gradient(to bottom right, b

3年前
849
1
评论