參考阮一峰的網絡日志，原文鏈接http://www.ruanyifeng.com/blog/2010/04/css_speech_bubbles.html HTML代碼 <div class="bubble">Who are you?< ...

直接入正題，以下是兩種實現方法的html部分： 第一種的CSS樣式如下： 第二種的CSS樣式如下： 從以上代碼看，不容易看出第二種方法無論是從html還是從CSS看，都更簡潔。第二種方法使用一個標簽，運用偽類和繼承。不僅簡單明了，改動起來也更方便。 ...

PS:自定義dialog，一些系統的dialog已經不能滿足開發人員的需求了，所以，我們需要自定義一個屬於並且適合自己項目的對話框，無論是顏色還是功能需求上都是和自己的項目緊密相關的，一些系統的對話框的使用請看博客：https://www.cnblogs.com/codingblock/p ...

...

嗯……我們設計師強烈要求一定要圓角！圓角的氣泡對話框，不要那種尖角的。這其中還遇上了個尷尬的問題，z-index不生效 無非就是兩種方法，一種是使用圖片再定位拼接起來使用，太簡單了具體就不詳細的說了。另一種方法就是border來寫了，雖然怎么寫都是尖角的，可是我想嘗試一下。純手寫寫出設計師想要 ...

效果： 思路： 用css寫出來一個較大三角形（下圖中藍色），再寫一個小三角(紅)去遮蓋大三角 ，漏出尖的一部分 ==》 如果用CSS實現一個三角形呢？ 給一個元素四周都加上邊框的話， 形狀為： 生成一個三角形可以寫為： .box2 ...

抄自http://www.zhangxinxu.com/wordpress/?p=651 邊框法 我們首先來看下面一段樣式代碼： 當某個div應用了上面這個樣式后，結果會如何？見下 ...

在使用第三方框架bootstrap的時候，本以為其是圖片實現的小箭頭，后來使用開發工具查看是用CSS來實現的，現記錄如下： 之前都沒仔細去觀注過其原理，都是拿來使用，在實現小箭頭之前需要了解下CSS的before跟after偽類的用法，這個鏈接有詳細說明http://www.webhek.com ...