求解html的错误！！！

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><!-- TemplateBeginEditable name="doctitle" --><title>无标题文档</title><!-- TemplateEndEditable --><!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable --></head><style type="text/css">.wenzi{ font-size:36px; font-family:黑体; border-bottom:1px solid #0d0d0d;    color:#7bc60f;  }body{  background-color:#DBF9DD;   }   </style><body><div class=“wenzi”>文学天地</div></body></html>

为什么出不来效果图片

把样式写到里面，还有就是 不知道你的页面内容怎么写的，看看class名字是否一致

太基础了吧，找本css的书来看了。。

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
</head>
<style type="text/css">
    .wenzi {
        font-size: 36px;
        font-family: 黑体;
        border-bottom: 1px solid #0d0d0d;
        color: #7bc60f;
    }

    body {
        background-color: #DBF9DD;
    }
</style>
<body><!--注意是英文状态下的单双引号，不要打中文的-->
    <div class="wenzi">文学天地</div>
    <img style="width:500px" src="https://img-ask.csdn.net/upload/201606/29/1467203038_9545.jpg" />
</body>
</html>

你div里面的双引号用了中文符号，应该改为英文

文学天地

双引号不对class等于没有。