網頁教學

網頁教學

響應式網站範例(一)

端午節   素材下載  

教學DIYmonster 新增了主題 ‧ 1 人追蹤 ‧ 0 個回復 ‧ 115 次瀏覽 ‧ 2017-05-25 18:48

[HTML5教學]CSS img 單張圖像切換的作法(第六堂課)

CSS語法.bButton a { display:block; /*圖片區塊方式呈現*/ width:60px; /*背景圖寬60px*/ height:60...

教學DIYmonster 發表了文章 ‧ 0 個評論 ‧ 90 次瀏覽 ‧ 2017-03-21 19:30

[HTML5教學]z-index(第六堂課)

三個元素透過 z-index 重疊範例 .div01 { width:200px; height:200px; background-color:#FFA0A2...

教學DIYmonster 發表了文章 ‧ 0 個評論 ‧ 94 次瀏覽 ‧ 2017-03-21 19:05

[HTML5教學]下拉選單的製作(第五堂課)

範例下載

教學DIYmonster 發表了文章 ‧ 0 個評論 ‧ 86 次瀏覽 ‧ 2017-03-16 21:39

[HTML5教學]選單按鈕的製作(第四堂課)

成品   HTML的部分 <ul class="ul01"> <li class="color01"&...

教學DIYmonster 發表了文章 ‧ 0 個評論 ‧ 112 次瀏覽 ‧ 2017-03-14 21:28

[HTML5教學]文字陰影及圖框陰影的做法

文字陰影使用text-shadow 圖框陰影使用box-shadow [size=18]CSS3...

教學DIYmonster 發表了文章 ‧ 0 個評論 ‧ 80 次瀏覽 ‧ 2017-03-14 16:30

[HTML5教學]CSS 項目符號及編號

list-style:none; list-style-type: none; /*沒有標誌,不使用編號*/ list-style-type: disc; /*...

教學DIYmonster 發表了文章 ‧ 0 個評論 ‧ 137 次瀏覽 ‧ 2017-03-14 16:15

[HTML5教學]在區塊內文字太長,如何自動斷行?!

若一個英文文字過長,超過畫面的寬度,則將文字自動斷行。  {word-break: break-all;}   其他用法 word-wrap:break-wor...

教學DIYmonster 發表了文章 ‧ 0 個評論 ‧ 54 次瀏覽 ‧ 2017-03-07 21:40

[HTML5教學]區塊

HTML5中相關區塊的標籤 表格(Table)、DIV、SPAN、FIELDSET   以下分別講述 表格Table HTML就...

教學DIYmonster 發表了文章 ‧ 0 個評論 ‧ 78 次瀏覽 ‧ 2017-03-07 16:44

[HTML5教學]樣式的繼承

CSS的繼承基於HTML的層級關係,使得屬性的值能通過層級關係,從上到下的傳承下去。 舉個例子:現在我想將網頁中我們中所有文字改變成"灰色"。body{ col...

教學DIYmonster 發表了文章 ‧ 0 個評論 ‧ 55 次瀏覽 ‧ 2017-03-07 16:26

響應式網站範例(一)

端午節   素材下載  

教學DIYmonster 新增了主題 ‧ 1 人追蹤 ‧ 0 個回復 ‧ 115 次瀏覽 ‧ 2017-05-25 18:48

[HTML5教學]CSS img 單張圖像切換的作法(第六堂課)

CSS語法.bButton a { display:block; /*圖片區塊方式呈現*/ width:60px; /*背景圖寬60px*/ height:60...

教學DIYmonster 發表了文章 ‧ 0 個評論 ‧ 90 次瀏覽 ‧ 2017-03-21 19:30

[HTML5教學]z-index(第六堂課)

三個元素透過 z-index 重疊範例 .div01 { width:200px; height:200px; background-color:#FFA0A2...

教學DIYmonster 發表了文章 ‧ 0 個評論 ‧ 94 次瀏覽 ‧ 2017-03-21 19:05

[HTML5教學]下拉選單的製作(第五堂課)

範例下載

教學DIYmonster 發表了文章 ‧ 0 個評論 ‧ 86 次瀏覽 ‧ 2017-03-16 21:39

[HTML5教學]選單按鈕的製作(第四堂課)

成品   HTML的部分 <ul class="ul01"> <li class="color01"&...

教學DIYmonster 發表了文章 ‧ 0 個評論 ‧ 112 次瀏覽 ‧ 2017-03-14 21:28

[HTML5教學]文字陰影及圖框陰影的做法

文字陰影使用text-shadow 圖框陰影使用box-shadow [size=18]CSS3...

教學DIYmonster 發表了文章 ‧ 0 個評論 ‧ 80 次瀏覽 ‧ 2017-03-14 16:30

[HTML5教學]CSS 項目符號及編號

list-style:none; list-style-type: none; /*沒有標誌,不使用編號*/ list-style-type: disc; /*...

教學DIYmonster 發表了文章 ‧ 0 個評論 ‧ 137 次瀏覽 ‧ 2017-03-14 16:15

[HTML5教學]在區塊內文字太長,如何自動斷行?!

若一個英文文字過長,超過畫面的寬度,則將文字自動斷行。  {word-break: break-all;}   其他用法 word-wrap:break-wor...

教學DIYmonster 發表了文章 ‧ 0 個評論 ‧ 54 次瀏覽 ‧ 2017-03-07 21:40

[HTML5教學]區塊

HTML5中相關區塊的標籤 表格(Table)、DIV、SPAN、FIELDSET   以下分別講述 表格Table HTML就...

教學DIYmonster 發表了文章 ‧ 0 個評論 ‧ 78 次瀏覽 ‧ 2017-03-07 16:44

[HTML5教學]樣式的繼承

CSS的繼承基於HTML的層級關係,使得屬性的值能通過層級關係,從上到下的傳承下去。 舉個例子:現在我想將網頁中我們中所有文字改變成"灰色"。body{ col...

教學DIYmonster 發表了文章 ‧ 0 個評論 ‧ 55 次瀏覽 ‧ 2017-03-07 16:26

[網頁技巧]如何讓網頁自動轉址到其他頁面

常常有些情況會用到轉址的動作,例如:網站更新、網站活動或某些特殊情況,需要用到自動轉址的方式,將人潮導入到其他目的頁面。 以下提供幾個方式: 1)在<he...

教學DIYmonster 發表了文章 ‧ 0 個評論 ‧ 131 次瀏覽 ‧ 2017-03-03 13:40