iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 5
0
自我挑戰組

CSS、JS-30天研究筆記系列 第 6

【day6】關於CSS border

  • 分享至 

  • xImage
  •  
  1. border-width 不支持百分比,一般使用上會設置固定的数值。屬性值:
    • thin:等於 1px。
    • medium(默认值)等於3px
    • thick:等於4px。
  2. border-style 的默认值是 none。一般常用的值還有solid和:dashed
    • solid實線
    • dashed虛線:有色塊的寬高比在 Chrome 和 Firefox 浏览器下是 3:1,而 IE 浏览器则是2:1;有色塊與無色塊的寬度Chrome 和 Firefox是1:1,IE 則是2:1
  3. 相關常見應用技巧:
    • 使用透明邊寬設置右側background 定位
    • 使用透明邊寬增加按鈕点击範圍
    • 繪製對話框的三角形
    • 實現二欄等高布局(與margin用法類似)

上一篇
【day5】關於CSS margin屬性
下一篇
【day7】「CSS box、JS、JQ尺寸設置對應表」與「16進位色碼與RGB對照圖」
系列文
CSS、JS-30天研究筆記31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言