程序猿表白前端程序

最新推荐文章于 2024-05-23 11:08:38 发布

蓝焰鱼

最新推荐文章于 2024-05-23 11:08:38 发布

阅读量476

点赞数

分类专栏：编程文章标签： html vue.js

本文链接：https://blog.csdn.net/weixin_43488742/article/details/117199348

版权

这篇博客介绍了一位程序员用HTML、CSS和Vue.js制作的表白页面，包括文件结构：CSS文件（music.css, style.css）、img文件夹、js文件夹（含vue.js）、music文件夹（背景音乐tiantian.mp3）和index.html。" 126653100,7702458,Matlab编程：变量、常量与数据类型详解,"['Matlab', '编程语言', '数据类型']

摘要由CSDN通过智能技术生成

程序猿表白前端程序

文件结构

1.CSS文件内容

music.css
style.css

2.img文件

这个文件夹用来存放你的照片–记得将照片的名字命名为如下
你只能替换 jt1.jpg-jt6.jpg 6张图片

3、js文件夹

vue.js

4、music文件夹

用来存放背景音乐–记得将名字改为如下样子
tiantian.mp3

5、index.html

以下是index.html文件的源代码

<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>蓝焰鱼-小可爱</title>

<script src="js/vue.js"></script>

<link rel="stylesheet" href="css/music.css">
<link rel="stylesheet" href="css/style.css">


</head>
<body>
	<div class="stars">
		  <div class="star"></div>
		  <div class="star"></div>
		  <div class="star"></div>
		  <div class="star"></div>
		  <div class="star"></div>
		  <div class="star"></div>
		  <div class="star"></div>
		  <div class="star"></div>
		  <div class="star"></div>
		  <div class="star"></div>
		  <div class="star"></div>
		  <div class="star"></div>
		  <div class="star"></div>
		  <div class="star"></div>
		  <div class="star"></div>
		  <div class="star"></div>
		  <div class="star"></div>
		  <div class="star"></div>
		  <div class="star"></div>
		  <div class="star"></div>
		  <div class="star"></div>
		  <div class="star"></div>
		  <div class="star"></div>

最低0.47元/天解锁文章

蓝焰鱼

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
程序猿表白前端程序

程序猿表白前端程序文件结构1.CSS文件内容music.cssstyle.css2.img文件这个文件夹用来存放你的照片–记得将照片的名字命名为如下你只能替换 jt1.jpg-jt6.jpg 6张图片3、js文件夹vue.js4、music文件夹用来存放背景音乐–记得将名字改为如下样子tiantian.mp35、index.html以下是index.html文件的源代码<!DOCTYPE html><html><h
复制链接

扫一扫