文章詳情頁(yè)
css - outline 可以只設(shè)置一條邊嗎？
瀏覽：116日期：2023-07-13 13:31:04
問(wèn)題描述
outline 可以只設(shè)置一條邊嗎？
問(wèn)題解答
回答1：應(yīng)該是不能的。。outline 屬性只要有 outline-width outline-style outline-color， webkit下還有outline-offset
這種問(wèn)題可以F12 看看有哪些屬性 也可以查查 MDN https://developer.mozilla.org/en-US/docs/Web/CSS/outline
回答2：不可以。但是你可以把 outline: none;，然后通過(guò)設(shè)置 border 來(lái)實(shí)現(xiàn)。
回答3：你可以用border屬性實(shí)現(xiàn)類似效果啊
回答4：當(dāng)然不支持。
黑魔法時(shí)間：你可以利用裁剪來(lái)截掉outline溢出的那幾邊……
裁剪有overflow:hidden、clip。更新的還有clip-path，但似乎chrome已經(jīng)停止支持了。
https://jsfiddle.net/4npvyfn8/3/
由于是黑魔法所以代碼優(yōu)美不優(yōu)美根本不管=w=
回答5：不是啊，試一下outline:solid
回答6：outline 看起來(lái)和 border 設(shè)置十分相似，但是 outline 不能夠像 border 一樣聲明單條邊的樣式。
回答7：其實(shí)可以在內(nèi)容外面再包一層p，設(shè)置邊框就好了。
回答8：可以用 box-shadow 來(lái)模擬https://jsfiddle.net/4npvyfn8/5/
標(biāo)簽：
CSS
相關(guān)文章：
1. docker-machine添加一個(gè)已有的docker主機(jī)問(wèn)題2. javascript - 關(guān)于圣杯布局的一點(diǎn)疑惑3. 關(guān)于docker下的nginx壓力測(cè)試4. php - mysql 模糊搜索問(wèn)題5. mysql - 在下剛?cè)腴Tsql 關(guān)于sql的語(yǔ)法詢問(wèn)6. 數(shù)組 - mysql 輸出到 php array 然後印出?7. 我和老師的代碼對(duì)照了幾遍沒(méi)發(fā)現(xiàn)問(wèn)題，但是瀏覽器打開(kāi)就有問(wèn)題了，求解8. MySQL視圖count速度優(yōu)化9. php新手疑問(wèn) 利用自定義函數(shù)進(jìn)行加減乘除10. 異步 - python一些內(nèi)置的函數(shù)是阻塞還是非阻塞？
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備