html简单情侣对话

可我不吃肉

于 2020-01-21 14:59:21 发布

阅读量834

点赞数

文章标签： html5

本文链接：https://blog.csdn.net/zfc180/article/details/104062086

版权

h5 专栏收录该内容

2 篇文章

订阅专栏

01 html简单情侣对话：
在这里插入图片描述

<!DOCTYPE html><!--声明文档类型为html5-->
<html lang="en">
<head><!--网页头部-->
    <meta charset="UTF-8"><!--语言-->
    <title>一段情侣对话</title><!--网页标题-->
    <style>
        body{
            margin:0;
        }
        .chat{
            width:300px;
            margin:50px auto 0;
            background-color: antiquewhite;
        }
    </style>
</head>
<body><!--网页内容-->
    <div class="chat">
        <h1>一段情侣的对话</h1>
        <dl><!--自定义列表-->
            <dt>女朋友:</dt>
            <dd>从明天开始 我要努力减肥QAQ</dd>
            <dt>男朋友:</dt>
            <dd>为啥?</dd>
            <dt>女朋友:</dt>
            <dd>我担心你以后因为这个抛弃我(｡•ˇ‸ˇ•｡)</dd>
            <dt>男朋友:</dt>
            <dd>那我也得抛的动啊!</dd>
            <dt>女朋友:</dt>
            <dd>你过来一下</dd>
            <dd> 我保证不砍死你</dd>
            <dd><img src="images/01.jpg" alt="微笑"></dd>
        </dl>
</div>
</body>
</html>