展开全部

css代码：32313133353236313431303231363533e59b9ee7ad9431333335326234

body{margin:0; padding:0; background-color:#ddd;}

div.gd ,.gd div{margin:0 auto; overflow:hidden; height:auto; display:block; background-color:transparent;}

.gd .show_room{width:1000px; border:1px solid #c2c2c2; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background-color:#e4e4e4;}

.show_room .inside{border:1px solid #f0f0f0; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding:15px;}

/* panel的宽度和margin-right的数值需要按需调整，这取决于里面的图片pic的大小 */

.show_room .panel{float:left; display:inline; width:162px; margin-right:39px;}

.show_room .nomarginright{margin-right:0;}

.show_room .panel .title{height:20px; padding-bottom:10px;}

.show_room .panel .title .icon{display:inline; float:left; background-color:#c00; height:20px; width:20px; overflow:hidden; -webkit-border-radius:16px; -moz-border-radius:16px; border-radius:16px; font-style:normal; position:relative; z-index:1;}

.show_room .panel .title .icon .tri{border-color:transparent; border-style:dashed; border-left-color:#fff; border-left-style:solid; border-width:7px; font-size:0; width:0; height:0; line-height:0; display:inline; font-style:normal; position:absolute; z-index:1; top:3px; left:8px;}

.show_room .panel .title .ext{height:20px; line-height:20px; padding-left:5px; font-size:15px;}

/* 图片pic的大小按需取值 */

.show_room .panel .pic{width:160px; border:1px solid #fff;}

html结构代码：

仅供学习参考！希望能帮助到你^.^