给我一个炫酷的表白html
时间: 2024-06-01 14:01:13 浏览: 109
<!DOCTYPE html>
<html>
<head>
<title>表白</title>
<style type="text/css">
body {
background-color: pink;
font-family: Arial;
}
h1 {
color: white;
font-size: 50px;
text-align: center;
margin-top: 150px;
}
p {
color: white;
font-size: 30px;
text-align: center;
margin-top: 50px;
}
</style>
</head>
<body>
<h1>我想告诉你一个秘密</h1>
<p>我很喜欢你</p>
</body>
</html>
相关问题
写一个炫酷的表白html
你好! 下面是一个炫酷的表白 HTML 示例:
```
<!DOCTYPE html>
<html>
<head>
<style>
/* 设置背景图片 */
body {
background-image: url('https://i.imgur.com/3L3Zz8W.jpg');
background-size: cover;
background-repeat: no-repeat;
height: 100%;
}
/* 设置文字样式 */
h1 {
color: white;
text-align: center;
font-size: 72px;
font-family: 'Courier New', Courier, monospace;
text-shadow: 2px 2px 4px #000000;
}
/* 设置弹出框样式 */
.popup {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: rgba(255,255,255,0.8);
padding: 20px;
border-radius: 10px;
box-shadow: 0 0 20px #000000;
}
</style>
</head>
<body>
<!-- 弹出框中的内容 -->
<div class="popup">
<h1>亲爱的,我想对你表白</h1>
<p>你是我生命中的阳光,像一道长长的彩虹,让我的生活更加美好。我希望能和你一起度过余生,陪你分享每一个美好的时刻。</p>
</div>
</body>
</html>
```
这段 HTML 代码会在浏览器中显示一个美丽的背景图片,并在屏幕中央弹出一个白色的弹出框,里面包含一个大大的表白标题和一段浪漫的文字。
希望这能帮到你!
用html写一个炫酷的表白代码
好的,以下是一个简单的炫酷表白代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>炫酷表白代码</title>
<style>
body {
background-color: #000;
color: #fff;
font-size: 30px;
text-align: center;
padding-top: 100px;
}
h1 {
font-size: 80px;
color: #ff69b4;
text-shadow: 10px #ff69b4;
}
p {
font-size: 50px;
color: #fff;
text-shadow: 10px #ff69b4;
}
</style>
</head>
<body>
<h1>我喜欢你</h1>
<p>你愿意做我的女朋友吗?</p>
</body>
</html>
```
希望这个代码能帮助你表达爱意!
阅读全文