Skip to content

1024云IDE应用挑战赛
1024云IDE应用挑战赛

FriendshipT / 1024云IDE应用挑战赛
与 Fork 源项目一致

Fork自 Cloud IDE / 1024云IDE应用挑战赛

通知 1
Star 0
Fork 0
1024云IDE应用挑战赛
1024云IDE应用挑战赛

前往新版Gitcode，体验更适合开发者的 AI 搜索 >>

提交 227fc49f 编写于 作者: 6 628cd54e3407c74986a6b07d
浏览文件
操作

update

上级 e63fb81c
展开全部 隐藏空白更改
内联 并排
Showing with 3815 addition and 11 deletion
index.html
浏览文件 @ 227fc49f
<!DOCTYPE html>
<html lang="en">
<html>
<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">
<title>Document</title>
<link rel="stylesheet" href="src/style.css">
<meta charset="utf-8">
<title>爱心</title>
<style type="text/css">
body{
margin: 0;
}
.heart{
position: relative;
left:10%;
width: 250px;
height: 250px;
margin: 60px auto;
}
.heart:before{
content: "";/*激活伪元素必要因素*/
position: absolute;/*绝对定位属性 不受父级约束 */
top: 0;
left: 0;
width: 100px;
height: 160px;
background-color: red;
border-radius: 50px 50px 0px 0px;
transform: rotate(-45deg);/*旋转 -左 +右*/
}
/*before和after在元素内容前后加入指定内容（伪类）*/
.heart:after{
content: "";/*激活伪元素必要因素*/
position: absolute;/*绝对定位属性 不受父级约束 */
top: 0;
left: 0;
width: 100px;
height: 160px;
background-color: red;
border-radius: 50px 50px 0px 0px;
transform: translate(43px) rotate(45deg);
}
.title{
position: relative;
font-size: xx-large;
left:5%;
width: 200px;
height: 200px;
margin: 60px auto;
}
</style>
</head>
<body>
<div class="app">
<img src="src/logo.svg" width="100px">
<h1>欢迎使用 Cloud IDE</h1>
官网：<a href="https://ide.csdn.net" target="_blank">https://ide.csdn.net</a>
</div>
<div class="title" style="clear:both;text-align:center;">送你一颗爱心</h1>
<div class="heart" style="clear:both;text-align:center;"></div>
</body>
</html>
\ No newline at end of file
package-lock.json 0 → 100644
浏览文件 @ 227fc49f
此差异已折叠。
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或