iT邦幫忙

2022 iThome 鐵人賽

DAY 10
0
影片教學

從麻瓜變成前端魔法師系列 第 10

Day10【從麻瓜變成前端魔法師】CSS box model & 開啟開發者工具

  • 分享至 

  • xImage
  •  

Yes

https://ithelp.ithome.com.tw/upload/images/20220925/20151346j5jc5bPMWi.png

box model

margin 外距元素 & 元素 之間的距離
border 邊框 : 存在於 外距 & 內距 之間
padding 內距邊框 & 內容 之間的距離
content 內容


margin 和 padding 的值分別為
1 個數值: 表示 上右下左
2 個數值: 表示 上下左右
3 個數值: 表示 左右
4 個數值: 表示


若想知道更多資訊,可參考文字敘述:
Day10【每天5分鐘】學前端 | CSS box model & 開啟開發者工具

感謝收看,我們明天見囉~~~ /images/emoticon/emoticon29.gif


上一篇
Day09【從麻瓜變成前端魔法師】CSS 選取器
下一篇
Day11【從麻瓜變成前端魔法師】CSS display 顯示類型
系列文
從麻瓜變成前端魔法師30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言