首先你要学习一些内容：
第一，必须了解进程或者线程，你的服务器能否并发就依赖于进程和线程，简单来说服务器不可能只支持一个客户端通信，这种情况是不能够发生的。而进程和线程怎么创建呢？守护进程又怎么创建呢？我们可以知道守护进程一般就是指服务器，来看看进程间通信，我们使用线程保证服务器并发，为了了解线程锁的机制，我们还需要涉及线程同步。这些都是必不可少的。
第二，你需要有一定的网络积累，即具备必要的网络知识，有些概念，如端口啦，TCP/IP协议啦等等，你需要知道它们是什么，如果不知道就需要学习，这是为了日后的网络编程做准备。
第三，除了那些必须的东西，为了完善网络即时聊天你还必须做以下事情：
聊天记录需要保存起来，学习关于数据库的操作和接口，不需太复杂的，简单即可，以便于使用文件和操作文件，以及使用数据库。
还需要注意学会处理信号，当客户端和服务器发生错误时，如果发生得太突然，总不至于干脆牺牲服务器吧？
还有，学习就要多看资料，多看相关书籍，要选择适合自己的，另外可以多听听有经验的前辈的看法，你会发现事半功倍的。
最后，祝你能够成功，即使不成功，知识积累的过程也是十分有意义，对今后十分有帮助的。相信你会受益匪浅。
<html><head>
<meta http-equiv="Content-Type" content="text/html charset=UTF-8">
<title>无标题文档</title>
<style type="text/css">
body,html{
margin:0px
height:100%
}
.autoHeight{
width:100px
height:100%
background:red
}
</style>
<style type="text/css">
div{ background: #FFF
font-family: "微软雅黑"
top: 10%
position: absolute
left: 50%
display: inline-block
padding: 10px
border-radius: 10px
box-shadow: 1px 1px 3px rgba(0,0,0,0.2)}
div:before {
left: -10px
top: 50%
margin-top: -6px
position: absolute
z-index: -1
content: ""
width: 0
height: 0
border-top: 8px solid transparent
border-bottom: 8px solid transparent
border-right: 11px solid rgba(0, 0, 0, 0.1)
border-left: 0
}
div:after {
left: -11px
top: 50%
margin-top: -8px
position: absolute
content: ""
width: 0
height: 0
border-top: 8px solid transparent
border-bottom: 8px solid transparent
border-right: 11px solid #FFF
border-left: 0
}</style></head>
<body style="
background: #369
">
<div>你好</div>
</body>
</html>
根据你的图做的，应该合适了。
ul>li{ border:1px solid #ccc position: relative line-height:30px}ul>li::after,ul>li::before{ position: absolute }
ul>li::after{right:0px bottom:0px content:"" background:url() no-repeat}
ul>li::before{left:0px top:0px content:"" background:url() no-repeat} <ul>
<li>
曾经我以为我很完美，唯一的缺点是代码写太溜，直到有一天，一群女孩围着我说“你代码写得好溜啊！”，我说“写得溜有什么用，又没人采纳”，她们确骂我，说“你张这么帅，代码还写这么溜，哪个会不采纳你的！”
</li>
</ul>
