如何使用css製作氣球教科書對話風格

我不知道如何正確調用它，這些都是我正在處理的示例。是有可能使這一切使用HTML和CSS的sqaure和三角部分的，或者是隻是爲了更好地利用圖像如何使用css製作氣球教科書對話風格

enter image description here

2012-07-23 Sarawut Positwinyu

你可以使用一些CSS3來製作三角形，但明顯不能完全跨瀏覽器（主要是IE）。最安全的方法是爲三角形部分使用圖像。 – 2012-07-23 09:35:03

Yes it possible to make it using pure css but

它顯示了不同的結果不同的瀏覽器我最好建議你接受CSS和圖像的幫助。

<div class="firstDiv"> 
    <div class="secondDiv"></div> 
    <div class="arrowDiv"></div> 
</div> 

apply following css 

.firstDiv { float:left; height:25px; width:200px;} 
.secondDiv{ float:left; height:25px; width:170px; background:#666; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:25px; color:#FFF;} 
.arrowDiv { float:left; height:25px; width:25px; background:url(images/arrow.png) left no-repeat;}

來源

2012-07-23 10:21:56

感謝您接受代碼，真的很感謝我的工作 – 2012-07-23 11:38:34

如何使用css製作氣球教科書對話風格

回答

相關問題