振宇網頁設計公司
關於振宇 網站設計作品 網站排名 線上洽詢
網頁css基礎教學
2010/12/24
網頁css基礎教學

1.   控制項變成顏色漸變:
<style type="text/css">
<!--
.test{FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr='white', endColorStr='red', gradientType='1');}
-->
startColorStr是開始顏色;endColorStr是結束顏色;gradientType,0是從上到下,1是從左到右

2. 自訂 tableborder:
{
/*這個為自訂的選擇,注意它前面的. 這是自訂的方法!*/
background-color: #E1FDEE; /*背景顏色*/
border: 1px solid #FF0000;
  }

在調用自訂選擇時,只要在它的HTML標記中加入 CLASS=tableborder(此為你自訂的選擇的名字) 即可。

3. CSS導入:

第一種方法:
是把CSS樣式表寫在HTML的行內,比如下面的代碼:
<p style=“font-size:14pt;color:blue”>藍色14號文字</p>
這是採用<Style=“ ”>的格式把樣式寫在html中的任意行內,這樣比較方便靈活。

第二種方法:
是把CSS文檔放到<head>文檔中:
<style type=“text/css”> …… </style>
其中<style>中的“type=‘text/css’”的意思是<style>中的代碼是定義樣式表的。

第三種方法:
<!--#include file="/temp/Css.aspx"-->,把他放到<head>中,
不過Css.aspx檔得包括在<style type=“text/css” > …… </style> 中。

第四種方法:
把您編輯好的CSS文檔保存成“.CSS”文件,然後在<head>中定義。定義的格式是這樣的:
<head> <link rel=stylesheet href=“style.css”> …… </head>
我們看到這裡應用了一個<Link>,“rel=stylesheet”指連接的元素是一個樣式表(stylesheet)文檔。
一般這裡是不需要您改動的。

而後面的“href=‘style.css’”指的是需要連接的檔位址。
您只需把編輯好的“.CSS”檔的詳細路徑名寫進去就可以了。
這種方法非常適宜同時定義多個文檔。它能使多個文檔同時使用相同的樣式,從而減少了大量的冗餘代碼。

最後更新 ( 2010/12/24 )
相關文章
更多網頁設計教學

網站設計 FAQ

網站架構圖及設計流程

More...

網頁設計包括哪些費用?

More...

網站建置需要多少時間?

More...
預算有限,想先體驗網路行銷的效果嗎?
More...
如何讓商機源源不絕而來?
More...
我需不需要自行架設主機呢?
More...
什麼是網域名稱(網址)?什麼是虛擬主機(網站空間)?
More...

RUS Website Design 瑞宇.台中網頁設計公司  Copyright © 2004 振宇網頁設計 All rights Reserved.  線上詢價
振宇首頁關於振宇設計作品線上洽詢常見問題新聞時事網頁設計教學友站連結網站地圖  免費交換連結
回到首頁 聯絡振宇