那麼，用css怎麼實現這種效果呢？首先，來寫乙個簡單的**：
複製**
**如下:
這兒，我們可以得到乙個黑色的正方形，其實這是邊框組成的，因為div的寬度和高度都是0,。那麼，我們具體來看看，div寬度和高度都是0時，它的上下左右四邊框都是怎樣的，下面我們把邊框的各邊顏色分別設定為不同顏色：
複製**
**如下:
&lwww.cppcns.comt;style type="text/css">
.arrow
我們發現，原來當div的寬度和高度都是0的時候，它的整個邊框是由四個三角形組成的，每一邊為乙個三角形，那麼我們就可以利用這個特點，來做可愛的小尖角了。我們只要把不需要的三邊的邊框（三角形）的顏色設定為與背景相同即可，這樣就只能看到你想要的那個三角形了，然後再利用定位調整一下位置就可以了。具體**如下所示：
複製**
**如下:
大功告成，效果如zpwvtu下圖：
本文標題: 純css實現聊天框小尖角、氣泡效果
本文位址: /web/css/81888.html
聊天傍邊小尖角如何製作？純CSS製作小尖角效果
經常看到這樣的尖角，以前不懂，以為都是用做出來的，後來驚奇的發現，原來很多都是用css做出來的，既美觀又節省資源，真是兩全其美啊！那麼，用css怎麼實現這種效果呢？首先，來寫乙個簡單的 如下 這兒，我們可以得到乙個黑色的正方形，其實這是邊框組成的，因為p的寬度和高度都是0,那麼，我們具體來看看，p寬...
純CSS實現乙個氣泡框
實現原理 主要通過css的border color屬性，結合 before after和position absolute實現。1 畫乙個正方形或長方形的盒子，別忘記此盒子需加上position relative，不然之後的絕對定位元素會相對於其餘設了position relative的父級元素或w...
css3實現氣泡效果的聊天框
因為css3尚未形成標準，所以現行的瀏覽器對於css3支援不太一致，某些特性需要加上瀏覽器字首 css屬性的瀏覽器字首 字首 渲染引擎 使用該引擎的瀏覽器 khtml khtml konqueror ms trident internet explorer moz mozilla firefox o...