回复讨论(解决方案)
关于竖线的已经参考本论坛一位的效果弄好了，关键左边的点线布局没有好 的思路
内容
内容
具体可参看：http://blog.csdn.net/malelionofwakeup/article/details/1956960
贴代码，希望帮上你！
li{list-style:none;width:100%;height:104px;font-family: 'Microsoft YaHei';} .linePanel {float:left;width:5%;} .line{background-color:rgb(204, 204, 204);width:5px;height:40px;} .point{width:14px;height:14px;border-radius:10px;background-color:rgb(204, 204, 204);margin:5px -4px;} .date{height:67px;} .date .text{font-size:20px;color:rgb(204, 204, 204);margin-left:-50px;width:100px;text-align:center;} .half{height:20px;} .contentPanel{width:95%;height:40px;float:right;} .content{position:relative;background-color:rgb(204, 204, 204);width:90%;height:70px;margin-top:25px;margin-left:10%;border-radius:10px;} .triangle-left{position:absolute;left:-16px;top:20px;width:0px;height: 0;border-top: 8px solid transparent;border-right: 16px solid rgb(204, 204, 204);border-bottom: 8px solid transparent;} .content .text{font-size:16px;color:#fff;padding:5px;font-weight:bold;word-spacing: 2px;}
查看更多关于jsp如何画这种界面主要左边的点线不好弄！_html/css_WEB-ITnose的详细内容...
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did113330