玩转浏览器之IE-Web聊天的实现【2.动态向web添加聊天信息】05

学习大师原创作品,请勿转载,侵权必究。


01、界面调整如下:



02、写入Html 按钮的代码改动如下:




03、把原WebTest.html里面的内容注释掉:如图




04、运行程序后如图所示:




05、在Edit输入:我爱学习大师,然后点击 写入Html 按钮,如图效果:




06、输入其他内容,并写入,效果如下:



我们感觉这个聊天效果太不好看了,我们知道HTML可以做非常漂亮的,那就是运用CSS样式,那就展开行动吧!


07、编辑Html文档,键入如下Css样式代码,保存:




文本内容如下:


<style type="text/css">

* {font-size:13px;font-family:Arial;}

#nav li {list-style:none; width:200px; margin-top:5px;padding:4px 6px;}

#nav li a {text-decoration:none; color:#666;}

#nav li a:hover {color:#000;}

.aa {border-top:4px solid #7BC110; background:#be6;}

.bb {border-top:4px solid #ff9900; background:#fc3;}

.cc {border-top:4px solid #ff66ff; background:#fcf;}

</style>




08、回到delphi,重新执行我们的程序,发送HTML聊天信息,效果如下:



是不是很有成就感呢,至于样式呢,不是我们课程的授课内容,有关CSS样式的设计,可以自己百度进行设计,能不能做出漂亮的web页面就看你能不能运用好HTML了。


下节课,我们将改进这个写入HTML的方式。





联系电话:
020-00000000
联系电话:
020-00000000
联系电话:
020-12345678