css border製作三角形 圓角框等的使用

2021-05-24 05:58:58 字數 483 閱讀 1216

- 透明: ie6瀏覽器不支援transparent透明屬性,就border生成三角技術而言,直接設定對應的透明邊框的border-style屬性為 dotted或是dashed即可解決這一問題,原因是在ie6下, 點線與虛線均以邊框寬度為基準,點線長度必須是其寬度的3倍以上(height>=border-width*3),虛線寬長度必須是其寬度的5倍 以上(height>=border-width*5),否則點線和虛線都不會出現。

- ie6的奇偶bug: 如果定位外框高度或是寬度為奇數,則ie6下,絕對定位元素的低定位和右定位會有1畫素的誤差。所以,盡量保證外框的高度或寬度為偶數值。

- ie6的空div莫名高度bug: ie6下,空div會有莫名的高度,也就是說height:0;不頂用,此時形成的尖角的實際佔高於其他瀏覽器是有差異的。可使用font-size:0; overflow:hidden;修復此問題。

下面為一些border屬性的應用:

截圖:html**

CSS border 繪製圓和三角形

目錄 一 圓html css 效果 說明二 三角形 html css 效果 說明 1 這裡使用的 div 元素,設定成 display inline block 2 注意 width 和 height 要設定為 0。用 border 設定圓的半徑,示例中半徑是 30px 3 border radiu...

詳談利用css border製作三角形

最近在做乙個小專案時,前端需要乙個三角形形狀的樣式,就上網搜了一下css三角形教程,按照這些教程來操作,確實能做出符合條件的三角形,但是這些教程大多都是直接提供相應的引數,並沒有提及引數的意義以及為什麼要這樣設定引數,下面我從我自己的使用過程來談談我對border的認識 border的基本性質 我們...

css border 畫三角形

前幾日在瀏覽 中無意發覺了人家用css來畫三角形,我覺得很有趣但不太會所以就問了一下師姐,發覺自己很無知,呵呵,原來很多人都是用這種方法畫三角形的,為什麼的,原因如下 1 一張小三角形的可能有幾百位元組,不過幾百位元組可以寫多少行 呢?2 太多會導致網頁載入得會很慢 先看 吧 html css bo...