四虎精品视频-四虎精品成人免费网站-四虎黄色网-四虎国产视频-国产免费91-国产蜜臀97一区二区三区

CSS技巧之圓角背景與三角形

  前端開發中兩個很不錯的小技巧, CSS三角形與圓角背景. 的確, 它們都可以通過圖片來實現, 但, 拋開用代碼實現可以減小圖片加載量不說, 當你遇到三角形或圓角背景下還有一層非純色背景時, 你又不得不考慮IE6 png兼容問題, 嗯, IE6,萬惡之源. 此時, CSS三角形及圓角背景將是上佳選擇.
  查看演示: 點此查看DEMO
CSS三角形與圓角背景案例<a href=/pingce/yingyong/ target=_blank class=infotextkey>應用</a>  CSS圓角背景
  通過改變層疊元素的margin值實現圓角效果.當然,有人會說不用這么麻煩,CSS3幾句代碼就可以搞定,但目前來說不實用,支持的瀏覽器沒幾個.
  CSS部分

.r_top, .r_bottom {display:block; background:transparent; font-size:1px}/*左上右上角和左下右下角的容器*/
.r_a, .r_b, .r_c, .r_d
{display:block; overflow:hidden}/*四個圓角*/
.r_a, .r_b, .r_c
{height:1px}
.r_b, .r_c, .r_d
{background:#cf6}
.r_a
{margin:0 5px}
.r_b
{margin:0 3px; border-width:0 2px}
.r_c
{margin:0 2px}
.r_d
{height:2px; margin:0 1px}

it知識庫CSS技巧之圓角背景與三角形,轉載需保留來源!

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

主站蜘蛛池模板: 塞下曲景然伶儿| 色戒在线观看| 刘德华练习歌词| 王顺明| a级性片| 漂亮的女邻居5伦理| 12123交强险查询入口| 俞晴| 熊欣欣个人资料| 小清水亚美| 来不及说我爱你免费全集在线观看| 一夜风流| 一个蛋挞的热量| 公司减资从1000万减到10万| 美式壁纸| 延禧| free teen| 凤凰卫视节目表| 周星驰国产凌凌漆| 《画江湖之不良人》| 鬼整人| 午夜魅影| 性视频在线播放| 孙婉| 抖音抖音| 泰剧《只有你》| 叠影危情| 够级比赛活动方案| 行尸走肉第六季| 日本大电影| 小学一年级古诗《风》| 三大| 女神异闻录5 动漫| 宁波电视台| 睡前搞笑故事| 微信图像男| 无线新闻| 天地争霸美猴王在线观看| 扫把代表什么数字| 满天星的电影都有哪些| 大兵相声小品蠢得死|