iT邦幫忙

0

請問css能做到這樣的效果嗎?

  • 分享至 

  • xImage

小弟想做出圖中紅框的效果,試過加box-shadow,但一樣做不出來,目前的應付做法是以ttable的方式呈現
<tr>
<td>左邊部分</td>
<td>紅色框起來的部分以background:url("")</td>
<td>右邊部分</td>
</tr>
但這樣做感覺有點像在繞遠路,應該有精進的作法

求前輩指導

圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 個回答

8
ze00000ro
iT邦新手 5 級 ‧ 2015-02-20 04:56:10
最佳解答

如果需要比較簡單的做法,個人建議可以考慮用偽裝的方式?
像是看起來只有一條邊線,其實是兩條,只是設定不同的顏色(一深一淺)讓他看起來像是陰影
附上範例網址提供參考,希望可以解決你的問題!!

http://jsfiddle.net/vy4fap3e/1/

新手發言,如有誤謬請多包涵,謝謝!

ghyzsing iT邦新手 5 級 ‧ 2015-03-02 09:07:41 檢舉

感恩

我要發表回答

立即登入回答