后台输出HTML

时间:2021-12-15 09:25:32

在前台定义CSS样式:

 <style type="text/css">
.style1
{
width: 120px;
}
.style3
{
width: 488px;
}
.green
{
height: 140px; bottom:; width: 100%; line-height: 160px;
position: absolute; z-index:; font-family: 'Courier New'; font-size: 60px;
text-align: center; font-weight: bold; padding-top: 10px; background-color:Green; color:#fff;
}
.red
{
height: 140px; bottom:; width: 100%; line-height: 160px;
position: absolute; z-index:; font-family: 'Courier New'; font-size: 30px;
text-align: center; font-weight: bold; padding-top: 10px; background-color:red; color:#fff;
}
</style>
 <div ID="divMsg" runat="server">
</div>

后台输出:

this.divMsg.InnerHtml = "<div class=\"green\">PASS</div>";

this.divMsg.InnerHtml = "<div class=\"red\">FAIL</div>";