問題討論區


【CSS 語法】文章精華區


【下載】 CSS <div> 網頁版型 - 兩欄式外邊框陰影版型 - Flycan_Layout_010



CSS <div> 網頁版型 - 兩欄式外邊框陰影版型 - Flycan_Layout_010
飛肯老師
註冊日期:
2008/2/24 18:28
留言: 1169

CSS <div> 網頁版型 - 兩欄式外邊框陰影版型 - Flycan_Layout_010

這個範例是使用我們飛肯上課的時候的兩欄式 CSS 版型加以改良,製作出 CSS 版型的外邊框四面陰影效果~

網頁版型設計圖,如下:

 

初步規劃 <div> 位置圖,如下:

 

新開一頁 HTML 網頁,把 <div> 寫出來,如下:

 

新開一頁 CSS 文件,版型配置相關的主要 CSS 語法部份,如下:

 

把主要的網頁版型外觀的 <div> 和 CSS 語法寫完後,工作就算是初步完成了~

接下來就只要把頁面所需要的文章內容和插圖置入即可~

我們先放入一些簡單的文字內容試看看~ 如下:

CSS 真的很方便吧~

對於這個網頁版型有問題的同學,歡迎隨時在這兒發問喔~

 

下載【兩欄式 CSS 網頁版型 - 無文字內容版

下載【兩欄式 CSS 網頁版型 - 有文字內容版

 

 


2009/11/11 18:54
 


回覆: CSS <div> 網頁版型 - 兩欄式外邊框陰影版型 - Flycan_Layout_010
會員一級
註冊日期:
2009/2/6 16:21
留言: 1
感謝老師的分享^^先來研究看看

2009/11/12 14:51
 


回覆: 回覆: CSS <div> 網頁版型 - 兩欄式外邊框陰影版型 - Flycan_Layout_010
會員一級
註冊日期:
2008/7/2 16:39
留言: 3
呵呵~
感謝老師分享...
CSS真是要多練習呢,隨時會遇到很多小問題,
也謝謝老師耐心的指導喔!!

2009/11/12 15:42
 


回覆: CSS <div> 網頁版型 - 兩欄式外邊框陰影版型 - Flycan_Layout_010
會員一級
註冊日期:
2009/11/12 17:22
留言: 1
謝謝老師提供新的範例供學習和下載
謝謝~~^^老師超熱心

2009/11/12 17:37
 


回覆: CSS <div> 網頁版型 - 兩欄式外邊框陰影版型 - Flycan_Layout_010
會員一級
註冊日期:
2009/2/15 15:42
留言: 4
謝謝老師分享和解說~先下載來練習看看~
有問題再請教老師~^^~

2009/11/12 17:49
 


回覆: CSS <div> 網頁版型 - 兩欄式外邊框陰影版型 - Flycan_Layout_010
會員一級
註冊日期:
2010/4/16 9:22
留言: 1
谢谢。

2010/4/16 9:23
 


回覆: CSS <div> 網頁版型 - 兩欄式外邊框陰影版型 - Flycan_Layout_010
會員三級
註冊日期:
2008/11/23 22:56
留言: 25
CSS 排版真的很方便耶
謝謝教學

2010/5/16 13:06
 


回覆: CSS <div> 網頁版型 - 兩欄式外邊框陰影版型 - Flycan_Layout_010
會員一級
註冊日期:
2010/8/6 15:32
留言: 1
老師您好~

想請教一下,邊框的"陰影"感覺要如何製作呢?
除了在做背景圖時就先加入陰影外~有css的設定可以直接使用嗎?
因為小弟看了許多書中的範例都有在div框架的邊框製造陰影感
卻不知那是如何做到的…
望老師能幫小弟指點迷津...感謝

2010/8/6 15:35
 


回覆: CSS <div> 網頁版型 - 兩欄式外邊框陰影版型 - Flycan_Layout_010
會員一級
註冊日期:
2011/3/11 15:17
留言: 4
多謝老師先
因遲d會有好多問題向你發問
研究一下

2011/3/16 13:19
 


回覆: CSS <div> 網頁版型 - 兩欄式外邊框陰影版型 - Flycan_Layout_010
會員一級
註冊日期:
2013/2/24 18:05
留言: 1
老師好:

可以向老師借用格式,試著架構網頁嗎?謝謝老師 

2013/2/24 18:07
 









[高級搜索]


 

課程首頁】 【最新開課時間表】 【範例教學分享區】 【交流討論區】 【企業包班】 【詢問課程】 【合作提案】 【誠徵講師

 

【飛肯設計學苑】 台北市公園路 30-1 號 5 樓 聯絡電話:(02)2370-1122 / 0925-014-000 信箱:flycan@flycan.com.tw
服務時間:(平日)下午 2 點 ~ 晚上 10 點 / (假日)早上 9 點 ~ 下午 5 點

 

台北市短期補習班立案 第 6631 號

TOP

【 Flycan.com 】 Powered by XOOPS