html编写给女朋友表白程序
<!DOCTYPE html>
<html>
<head>
<title>表白程序</title>
<style type="text/css">
*{margin: 0; padding: 0;} /*元素的外边距和内边距都为0*/
body{background-color: #F5F5F5; font-family: "微软雅黑"; font-size: 16px;}
.container{width: 600px; margin: 10px auto; background-color:#fff;}
.container h1{text-align: center; line-height : 30px;}
.container p {padding : 10px 20px; text-indent : 2em;}
.container img{display : block ; width : 100%;} /*图片宽度100%，使其占满整个容器*/
.btn {width : 100%; height : 40px ; background:#FFA500 ; color:#fff ; font-size : 18px ; border : none ; margin - top : 20px } /*按钮样式*/
</style>
</head>
<body> <!-- 表白内容 -->
<div class="container"> <!-- 容器-->
<h1 >亲爱的，我想对你说：</h1 > <!-- 标题-->
<p >有你在我的生活里，我感到幸运、快乐、平安。今天，在这里，我要向你表达我对你最真挚的爱意。 </p > <!-- 正文-->
<img src="images/love.jpg" alt="表白图片"/> <!-- 图片-->
<button class="btn" onclick="alert('I Love You!')">表 白</button > <!-- 按钮 --> </div > </body > </html >
创作工场
免责声明：
以上内容除特别注明外均来源于网友提问，创作工场回答，未经许可，严谨转载。
点击这里>>使用🔥专业版，更聪明、更完整、更原创！