PTT數位生活區 / Web_Design

[問題] 斜的該如何切版

看板Web_Design作者 (醒醒啊!J)時間8年前 (2017/05/23 11:14), 8年前編輯推噓1(1推 0噓 3→)
留言4則, 4人參與, 最新討論串1/1
小的是新入門的前端目前接到一個畫面有點不知道該如何切版 畫面大致上是長這樣 http://imgur.com/a/NnMzm 白色區塊會沿著斜邊放圖片 原先想在黑色區塊上下加入兩個直角三角形，但中間文字的部份又會處在三角形的區塊不 好切 想請問這樣的版型有什麼方法可以處理嗎？ 麻煩大家給點建議 謝謝！ -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 223.136.103.118 ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1495509290.A.8F0.html ※ 編輯: WakeUpJ (223.136.103.118), 05/23/2017 11:16:26
→
05/23 13:23, , 1F
變成咖啡色三角形？
05/23 13:23, 1F
推
05/23 15:11, , 2F
背景用斜的?
05/23 15:11, 2F
→
05/23 21:11, , 3F
https://jsfiddle.net/ut9sntsw/ ？但要注意支援度
05/23 21:11, 3F
→
05/24 14:33, , 4F
&:before after css三角形
05/24 14:33, 4F
‣ 更多 WakeUpJ 的文章
文章代碼(AID): #1P8wagZm (Web_Design)
Web_Design 近期熱門文章
更多 近期熱門文章 >>
PTT數位生活區 即時熱門文章
更多 即時熱門文章 >>
‣ 更多 WakeUpJ 的文章
文章代碼(AID): #1P8wagZm (Web_Design)