技術問答
技術文章
iT 徵才
Tag
聊天室
2024 鐵人賽
登入/註冊
問答
文章
Tag
邦友
鐵人賽
搜尋
2019 iT 邦幫忙鐵人賽
DAY
5
0
自我挑戰組
CSS、JS-30天研究筆記
系列 第
6
篇
【day6】關於CSS border
2019鐵人賽
Amy
2018-10-06 23:26:51
978 瀏覽
分享至
border-width 不支持百分比,一般使用上會設置固定的数值。屬性值:
thin:等於 1px。
medium(默认值)等於3px
thick:等於4px。
border-style 的默认值是 none。一般常用的值還有solid和:dashed
solid實線
dashed虛線:有色塊的寬高比在 Chrome 和 Firefox 浏览器下是 3:1,而 IE 浏览器则是2:1;有色塊與無色塊的寬度Chrome 和 Firefox是1:1,IE 則是2:1
相關常見應用技巧:
使用透明邊寬設置右側background 定位
使用透明邊寬增加按鈕点击範圍
繪製對話框的三角形
實現二欄等高布局(與margin用法類似)
留言
追蹤
檢舉
上一篇
【day5】關於CSS margin屬性
下一篇
【day7】「CSS box、JS、JQ尺寸設置對應表」與「16進位色碼與RGB對照圖」
系列文
CSS、JS-30天研究筆記
共
31
篇
目錄
RSS系列文
訂閱系列文
23
人訂閱
27
【day27】關於時間與日期
28
【day28】JQ動畫效果
29
【day29】JQ關於事件1
30
【day30】JQ關於事件2
31
【day30】JQ關於事件3
完整目錄
直播研討會
{{ item.subject }}
{{ item.channelVendor }}
{{ item.webinarstarted }}
|
{{ formatDate(item.duration) }}
直播中
立即報名
尚未有邦友留言
立即登入留言
iThome鐵人賽
參賽組數
1064
組
團體組數
40
組
累計文章數
22081
篇
完賽人數
594
人
看影片追技術
看更多
{{ item.subject }}
{{ item.channelVendor }}
|
{{ formatDate(item.duration) }}
直播中
熱門tag
看更多
15th鐵人賽
16th鐵人賽
13th鐵人賽
14th鐵人賽
12th鐵人賽
11th鐵人賽
鐵人賽
2019鐵人賽
javascript
2018鐵人賽
python
2017鐵人賽
windows
php
c#
windows server
linux
css
react
vue.js
熱門問題
WIN11 一直跳出中毒的訊息
資料庫系統
網域切換的技術詢問
PYTHON 工具
如何讓內網的FortiGate防火牆可以收到韌體更新與下載
請問華碩分享器的系統紀錄這是在說明什麼
Mail server 資料不見
掃qr code圖示後是同時進入兩個網址
UPS相關供電問題
有關於Plesk 記憶體使用 的疑惑
熱門回答
WIN11 一直跳出中毒的訊息
如何讓內網的FortiGate防火牆可以收到韌體更新與下載
有關於Plesk 記憶體使用 的疑惑
資料庫系統
PYTHON 工具
熱門文章
PrintNightmare: 沒想到會被 Windows 11 終結
Day 39 - 使用 Angular 19 中的 Resource API 進行資料檢索
後 Grafana 時代的第三十一天 - AlertSnitch 告警歷史可視化的利器
當了兩個月的轉職工程師是怎樣的感覺?
Day 38 - 在 Angular 19 中重置或設定 LinkedSignal 中的值
IT邦幫忙
×
標記使用者
輸入對方的帳號或暱稱
Loading
找不到結果。
標記
{{ result.label }}
{{ result.account }}