iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 5
0
自我挑戰組

這裡有一個箱子系列 第 6

[Day5]這裡有一個箱子-上顏色吧,箱子!!-2(準備工作)

  • 分享至 

  • xImage
  •  

鐵人賽文章即將復活,感謝大家給我動力
最近看了一部叫極速攝殺的動漫(未成年請勿觀賞),熄滅的我重新燃起一絲火光,決定繼續把這裡有一個箱子寫下去~~~
縱使得不到所有人的讚賞,縱使最後要跟金錢過不去,縱使未來會發生甚麼樣的事,只少有箱子XDDD


今天就來使用新的術式,箱子和我都準備好了,你呢??
故事開始囉~~~

翻著很多魔法書的我,想找會讓大家驚豔的事物,每個術式都有特色及用途,有些術式也許人們忘記它的存在了,但在某個時刻用時卻意外的可怕。

問題是在什麼時候用呢,甚麼時候用時會有用呢???
這就要用你的心去深深的體會,加上那自由的思維了XDDD

箱子說它也要玩這種術式,充滿自由的思維
好吧,雖然我也沒玩過,咱們就來玩玩看吧!!!
今天就來玩一個也是顏色的術式,但比前一個顏色術式還更高級~~~
首先我們先開啟心愛的codepan

html的部分還是一樣,我這裡可以複製唷!!!

<!DOCTYPE html>
<html>
  <head>
    <title>Page Title</title>
  </head>
  <body>

    <h1>這裡有一個箱子</h1>
    <p>現身吧!!箱子XDD</p>
    <div></div>

  </body>
</html>

記得排整齊唷,這樣一來比較不會出錯

CSS的部分

div{
  width: 50px;
  height: 50px;
  background-color: blue;
}

我們把CSS也放上去,跟以前一樣,這樣應該可以吧!!!(開心)
貼個圖片給大家,讓大家參考參考...(正常出來的結果)

圖一

如果你還是不想用我貼codepen網址給你(後面留言給我我再給網址)

我還是很希望你能自己打打看,失敗了也沒關係,反正我也會失敗也會爆炸,不過休息一下再爬起來8(伸手)


上一篇
南無阿蜜陀佛,鐵人幫的各位,我先登出了XDD
下一篇
[Day6]這裡有一個箱子-上顏色吧,箱子!!-3
系列文
這裡有一個箱子10
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中
0
蟹老闆
iT邦大師 1 級 ‧ 2018-10-15 20:43:08

/images/emoticon/emoticon34.gif
/images/emoticon/emoticon34.gif
/images/emoticon/emoticon34.gif
/images/emoticon/emoticon34.gif

謝謝你願意給我鼓勵(我會好好加油的T_T)

0
來杯拿鐵
iT邦新手 2 級 ‧ 2018-10-16 23:14:45

練習打一遍後,箱子真的現身了。
https://ithelp.ithome.com.tw/upload/images/20181016/20091910827wHY3pwY.jpg
期待您接下來的教學文

來杯拿鐵,雖然不知道你人在何處,但你那麼的支持,想必我也會更努力的寫下一篇文章,期待下一篇文章的出現

0
advancedor96
iT邦新手 5 級 ‧ 2018-10-18 14:02:51

我以為你要放棄了耶。不休息一下嗎

有休息一陣子了,謝謝您
目前我已經換地方寫文章了
應該不會又斷了吧!!!XDD

我要留言

立即登入留言