情報デザイン論第5回

diff --git a/a.png b/a.png new file mode 100644 index 0000000..34ea776 --- /dev/null +++ b/a.png Binary files differ diff --git a/b.png b/b.png new file mode 100644 index 0000000..a3e75e3 --- /dev/null +++ b/b.png Binary files differ diff --git a/c.png b/c.png new file mode 100644 index 0000000..275c402 --- /dev/null +++ b/c.png Binary files differ diff --git a/design5.css b/design5.css index f738b51..adb65fb 100644 --- a/design5.css +++ b/design5.css @@ -1,5 +1,6 @@ +h1{color: #ffffff; background-color: blue;} ul {margin-left: 5em;} -li{list-style-image: url("a.png");} -li:hover{list-style-image: url("b.png");} -li:active{list-style-image: url("c.png");} +li:nth-child(1){list-style-image: url("a.png")} +li:nth-child(2):hover{list-style-image: url("b.png")} +li:nth-child(3):active{list-style-image: url("c.png")} diff --git a/design5.html b/design5.html index d494653..29ee48f 100644 --- a/design5.html +++ b/design5.html @@ -3,7 +3,7 @@ 情報デザイン論第5回 - + diff --git a/main.css b/main.css index 9cf3d00..62475aa 100644 --- a/main.css +++ b/main.css @@ -1,3 +1,7 @@ +body{ +background-color: #fffacd; +} + h1{ color: red; } @@ -6,14 +10,66 @@ color: cyan; } -p{ -color: black; -} - .yo{ color: #0000ff; } -body{ -background-color: green; + +p.happy{ + background: linear-gradient(#9acd32, #fffacd); + color: #000000; } +p.cry{ + background: linear-gradient(#6a5aca, #87cefa); + color: #000000; + } + +h2.happy{ + color: #9acd32; + } +h2.cry{ + color: #6a5aca; + } + + + + +th:first-child{ + background-color: #e45858; + } + th + th{ + background-color: #ffc0cd; + } + th + th + th{ + background-color: #ffa500; + } + th + th + th + th{ + background-color: #87cefa; + } + th + th + th + th + th{ + background-color: #d2692e; + } + th + th + th + th + th + th{ + background-color: yellow; + } + th + th + th + th + th + th + th{ + background-color: #6495ed; + } + +td:first-child{ + color: red; + } +td.yasumi{ + color: red; + } +td:last-child{ + color: blue; + } + +table,th,tr{text-align: center;} + +table{background: #ffffff;} + +td{text-align: right; + border: 1px solid;} + diff --git a/syumi.html b/syumi.html index 572a0d5..bb87320 100644 --- a/syumi.html +++ b/syumi.html @@ -32,5 +32,31 @@ 動画投稿サイトの需要が高まっていたこと、編集によって完璧なピッチ(音程)を出せることもありアカペラーの動画は多くの人々に再生されるようになっていった。

+ + +

「嬉しいこと」

休日でも早起きができるようになった。

「悲しいこと」

窓開けっぱなしにしてたら、部屋に黄砂がめちゃ入ってきた。

+ + + + + + + + + +

日	月	火	水	木	金	土
1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28
29	30	31

+ + + + + + + + +

Su	Mo	Tu	We	Th	Fr	Sa
1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28
29	30	31