四虎精品视频-四虎精品成人免费网站-四虎黄色网-四虎国产视频-国产免费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技巧之圓角背景與三角形,轉載需保留來源!

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

主站蜘蛛池模板: s0hu搜狐| 与妻书 电影| 美丽的坏女人中文字幕| 不可饶恕 电影| 山东卫视体育频道| 溜冰圆舞曲音乐教案| 色女孩视频| 24点数学题目100道| 浙江卫视跑男官网| 大浴女电视剧所有演员表| 77316电影| 在线播放免费观看| 卡通动漫图片| 吴妍儿| 美女亲热视频| 潇湘影院| 中秋节的作文| 为奴12年| 那些花儿吉他谱原版| 福利视频观看| 郭碧婷是哪里人| 徐若晗个人简历资料| 二胡独奏我的祖国| 儿媳妇电视剧免费| 母亲电影韩国完整版免费观看| cetv3中国教育电视台直播| 黑水电影| 狗年龄| 恶魔女狱长| 爱之梦钢琴谱| 初中生物会考真题试卷| 口舌 — 视频 | vk| 童年吉他谱原版c调| 丰满少妇a级片| 名剑 电影| 新爱情乐园| 电影危机航线什么时候上映| k总直播间| 李白电影| 曹查理林雅诗电影全集| 捉迷藏剧情全解析|