文章詳情頁
css - outline 可以只設置一條邊嗎？
瀏覽：138日期：2023-07-13 13:31:04
問題描述
outline 可以只設置一條邊嗎？
問題解答
回答1：應該是不能的。。outline 屬性只要有 outline-width outline-style outline-color， webkit下還有outline-offset
這種問題可以F12 看看有哪些屬性 也可以查查 MDN https://developer.mozilla.org/en-US/docs/Web/CSS/outline
回答2：不可以。但是你可以把 outline: none;，然后通過設置 border 來實現。
回答3：你可以用border屬性實現類似效果啊
回答4：當然不支持。
黑魔法時間：你可以利用裁剪來截掉outline溢出的那幾邊……
裁剪有overflow:hidden、clip。更新的還有clip-path，但似乎chrome已經停止支持了。
https://jsfiddle.net/4npvyfn8/3/
由于是黑魔法所以代碼優美不優美根本不管=w=
回答5：不是啊，試一下outline:solid
回答6：outline 看起來和 border 設置十分相似，但是 outline 不能夠像 border 一樣聲明單條邊的樣式。
回答7：其實可以在內容外面再包一層p，設置邊框就好了。
回答8：可以用 box-shadow 來模擬https://jsfiddle.net/4npvyfn8/5/
標簽：
CSS
相關文章：
1. windows - asp.net連接上mysql之后如何調用？比如下面的登錄驗證功能怎么實現2. 剛放到服務器的項目出現這中錯誤，有高手指點嗎3. css3 - Typecho 后臺部分表單按鈕在 Chrome 下出現靈異動畫問題，求解決4. apache - 想把之前寫的單機版 windows 軟件改成網絡版，讓每個用戶可以注冊并登錄。類似 qq 的登陸，怎么架設服務器呢？5. mysql - 面試題：如何把login_log表轉換成last_login表？6. javascript - nodejs實現異步時遇到的一個問題7. javascript - 為什么嵌套的Promise不能按預期捕獲Exception？8. javascript - 編程，算法的問題9. css - 手機qq打開網頁無法使用文件上傳功能?10. java - HTTPS雙向認證基礎上有無必要再進行加簽驗簽？
排行榜
網公網安備