作者查詢 / cknas

總覽項目：發文 | 留言 | 暱稱

作者 cknas 在 PTT [ Web_Design ] 看板的留言(推文), 共18則

限定看板：Web_Design

看板排序：

首頁

尾頁

[ Web_Design ]14 留言, 推噓總分: +2

作者: kisha024 - 發表於 2024/02/07 13:41(1年前)

1^F推cknas: 先說以下說明可能有錯或不夠完整，還請各位高手強者不吝指02/08 02:56

2^F→cknas: 正。02/08 02:56

3^F→cknas: 原po的問題是因為你在設定border-image前沒有設定border，02/08 02:56

4^F→cknas: 所以對這個div來說border的設定不夠完整。02/08 02:56

5^F→cknas: 雖然border-image-outset的預設值是0，但你沒設定過border02/08 02:56

6^F→cknas: ，border-image-outset這個border關連的屬性自然也不會存在02/08 02:56

7^F→cknas: ，所以你的transition在hover前才會沒有對照值可以用。02/08 02:56

8^F→cknas: 你可以用開發者工具看，原本c1的div在非hover時，它是完全02/08 02:56

9^F→cknas: 沒有border-image-outset這個設定的。不過如果給c1一個02/08 02:56

10^F→cknas: border: none，就可以看到這個div有了border-image-outset:02/08 02:56

11^F→cknas: 0的設定。02/08 02:56

12^F→cknas: padding不用先設定是因為padding是一個每個div都必有的東西02/08 02:56

13^F→cknas: ，預設值為0，所以transition有前後值可以做變化。02/08 02:56

[ Web_Design ]21 留言, 推噓總分: +7

作者: theworld70 - 發表於 2021/06/03 22:12(4年前)

13^F推cknas: 我也只會純html，跟你遇到同樣問題時我是用ruby slim把06/05 04:05

14^F→cknas: 共同的部分拆出來，比如header我只要編輯一次，所有頁面06/05 04:06

15^F→cknas: 的header都會更新，不知道這樣的形式是不是你要的06/05 04:06

16^F→cknas: 但用這個方法你可能得學一點ruby，還要學一點gulp……06/05 04:07

[ Web_Design ]10 留言, 推噓總分: +6

作者: b95170088 - 發表於 2016/06/19 17:09(9年前)

10^F推cknas: 研究一下什麼是css權重吧06/23 13:15

首頁

尾頁