一区不卡国产视频,小黄片免费视频在线观看,国产这里有精品99,国产成人精品自产久久亚洲精品,亚洲国产电影二区

設為首頁加入收藏業(yè)務一覽表公司歷程公司介紹聯系我們
當前位置網站建設知識 >> 網站設計之超圓滑圓角框的半完善解決計劃

網站設計之超圓滑圓角框的半完善解決計劃

圓角框,由于其樣式比直角框美麗,所以成為網頁設計師心中偏愛的設計元素?,F在的web尺度下大批的網頁、博客都采用圓角框設計,成為一道亮麗的風景線。然而,就是這個圓角,卻成為了網頁前端職員心中永遠抹之不往的暗影,對它,可以說是又痛又愛。愛的是它的美麗,痛的是要讓它兼容通行于各種不同的瀏覽器卻成為一個永遠的神話。

  讓我們往返顧一下目前網站建設中都有哪些解決計劃。

  第一種:無圖片純css圓角框

  收錄理由:兼容性強,不用圖形

超圓滑圓角框的半完善解決計劃
圖一 

  特點:
  1. 不用任何圖形,應用很多個div容器模仿出圓角后果。
  2. 兼容性:通殺所有瀏覽器。

  毛?。?br />  1. 結構這個圓角需要參加太多的無語義的標簽,結構比擬冗余。
  2. 重用性不強:假如一個頁面有多個圓角,并且要實現不同的半徑大小,則其機動性不夠。
  3. 邊框色彩固然可以調節(jié),但會對頁面中的結構產生致命的影響,實用于色彩單一并且一個頁面中圓角利用未幾的頁面。
  4. 不輕易實現圓弧內有漸變色的圖形背景。
  5. 圓角框不夠圓滑,有鋸齒現象,合適于背風景和當前色色差不大并且圓弧較小的網頁。
  實現原理:
  用很多1像素高的div容器,利用背風景和邊框色來模仿出圓角框的輪廓線。

[來源:互聯網] [作者:c36] [日期:10-07-05] [閱讀:]