CSS对话框 <br> *{パディング: 0;マージン: 0;フォントサイズ: 12px;} <br> body{パディング: 50px;} <br> .arrow{位置: 相対;幅: 20px;高さ: 20px;マージン: 0 0 0 15px;} <br> .arrow .arrow_border,.arrow .arrow_content{幅: 0;高さ: 0;オーバーフロー: 非表示;border-width: 10px;border-style: 破線 破線 実線 <br> <br> <br> 破線;} <br> .arrow .arrow_border{border-色: 透明 透明 #CCCCCC 透明;} <br> .arrow .arrow_content{境界線の色: 透明 透明 #EEEEEE 透明;位置: 絶対;上部: 1px;} <br> .main{幅: 400px;} <br> .b1,.b2, .b3,.b4,.b5,.b6,.b7,.b8{高さ: 1px;オーバーフロー: 非表示;表示: ブロック;} <br> .b1,.b8{高さ: 0px;マージン: 0 5px;} <br> 。 b1{ボーダー下: #CCC ソリッド 1px;} <br> .b8{ボーダートップ: #CCC ソリッド 1px;} <br> .b2,.b3,.b4,.b5,.b6,.b7{ボーダー左: # CCC ソリッド 1px;border-right: #CCC ソリッド 1px;} <br> .b2,.b7{margin: 0 3px;border-width: 2px;} <br> .b3,.b6{margin: 0 2px;} <br> .b4, .b5{マージン: 0 1px;高さ: 2px;} <br> .b2,.b3,.b4,.b5,.b6,.b7,.content{背景色: #EEE;} <br> .content{ボーダー左: ソリッド #CCC 1px;border-right: ソリッド #CCC 1px;パディング: 25px;位置: 相対;} <br> .content スパン{font-size: 72px;color: #CCCCCC;position: 絶対;} <br> .content スパン。 font-left{top: -10px;left: -30px;_left: -55px;/* 了兼良IE6.0*/} <br> .content spam.font-right{bottom: -45px;right: -30px;} <br> .content p{text-indent: 2em;} <br> .content p.translation{text-align: right;font-style: italic;} <br> “ ” CSS ではなく CSS が実装されているため、互換性もかなり低いです。 http://www.999jiujiu.com/