iT邦幫忙

0

5.CSS(三)陰影、定位、文繞圖 、超連結

css 自學筆記
伍貳捌 2023-10-04 20:16:07 ‧ 299 瀏覽

  • 分享至 

  • xImage
    •  

(一)陰影
https://ithelp.ithome.com.tw/upload/images/20231003/201634683zgR1u9wTk.png
(二) 定位、文繞圖
一、定位
1.一般定位position
https://ithelp.ithome.com.tw/upload/images/20231003/2016346843wZSkZ70N.png
https://ithelp.ithome.com.tw/upload/images/20231003/20163468Z0vH4wJSCM.pnghttps://ithelp.ithome.com.tw/upload/images/20231003/20163468Q60IGEp5al.png
2.圖層定位
利用到z-index屬性來設定元件層次，z-index 數字越大的在越上面，反之則在越下面
https://ithelp.ithome.com.tw/upload/images/20231003/20163468p6Sl4ptT6E.png
二、文繞圖: 可以利用float(浮動)屬性來達成，float : left | right | none。
https://ithelp.ithome.com.tw/upload/images/20231003/20163468csAUveBHSc.png
三、超連結
https://ithelp.ithome.com.tw/upload/images/20231003/20163468eMpSO1k1wE.pnghttps://ithelp.ithome.com.tw/upload/images/20231003/20163468etORH5cFHr.png


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

尚未有邦友留言

立即登入留言
iThome鐵人賽
參賽組數
1064 組
團體組數
40 組
累計文章數
22208 篇
完賽人數
602 人
iT+看影片追技術 看影片追技術 看更多
熱門tag 看更多
15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js
熱門問題
熱門回答
熱門文章
IT邦幫忙