ขนาดวิดีโอ: 1280 X 720853 X 480640 X 360
แสดงแผงควบคุมโปรแกรมเล่น
เล่นอัตโนมัติ
เล่นใหม่
自己之前都沒在用"~"，看了Amos的示範，整個醒過來! 大推啊啊啊!!!
老師,想請問 8:32，老師用width100px 跟 5px 來製作線條我用border: 2px solid #fff;可達到一樣的呈現所以是可用這種方式嗎 ?整段如下 .order li + li::before{ content: ''; border: 2px solid #fff; position: absolute; left: -100px; right: 100%; }
計算方式有點不一樣，如果你用border的話，他是上下左右都有同樣粗細的線條，這樣的話你的寬度會跟我不同，會多上4px喔，只要你記得扣掉這4px的話，基本上應該是沒問題的。
@@CSScoke 謝謝老師
老師想問一下 那些背景漸層色 有沒有寫好的範例黨 可以直接複製的 不然我們這種對色彩不是很熟的人 很難條配出好看的漸層顏色
網上搜尋gradient color就有很多專門做漸層色票的網站像是uigradients.com/mycolor.space/gradient供你參考
老師想請教一下，如果想做成響應式網頁，讓中間的線條可以隨畫面大小伸長縮短該怎麼做呢？
老師能不能問，為什麼老師下z-index:-1，不會讓那條跑到最後，我的就會被擋住。但是如果在li或ul下z-index好像調整不了，是因為會影響子層嗎？codepen.io/jordan-tseng/pen/ZEbBgZx?editors=1100
設定對象不同意義不同啊，不然隨便設定都可以長出一樣的外觀，這不是很弔詭嗎XD
終於不用想一下了xd
自己之前都沒在用"~"，看了Amos的示範，整個醒過來! 大推啊啊啊!!!
老師,想請問 8:32，老師用width100px 跟 5px 來製作線條
我用border: 2px solid #fff;可達到一樣的呈現
所以是可用這種方式嗎 ?
整段如下
.order li + li::before{
content: '';
border: 2px solid #fff;
position: absolute;
left: -100px;
right: 100%;
}
計算方式有點不一樣，如果你用border的話，他是上下左右都有同樣粗細的線條，這樣的話你的寬度會跟我不同，會多上4px喔，只要你記得扣掉這4px的話，基本上應該是沒問題的。
@@CSScoke 謝謝老師
老師想問一下 那些背景漸層色 有沒有寫好的範例黨 可以直接複製的
不然我們這種對色彩不是很熟的人 很難條配出好看的漸層顏色
網上搜尋gradient color就有很多專門做漸層色票的網站
像是uigradients.com/
mycolor.space/gradient
供你參考
老師想請教一下，如果想做成響應式網頁，讓中間的線條可以隨畫面大小伸長縮短該怎麼做呢？
老師能不能問，為什麼老師下z-index:-1，不會讓那條跑到最後，我的就會被擋住。但是如果在li或ul下z-index好像調整不了，是因為會影響子層嗎？codepen.io/jordan-tseng/pen/ZEbBgZx?editors=1100
設定對象不同意義不同啊，不然隨便設定都可以長出一樣的外觀，這不是很弔詭嗎XD
終於不用想一下了xd