怎樣用css來定義圖片的邊框？

怎樣用css來定義圖片的邊框？

css
什麼是樣式表

css是cascadingstylesheet的縮寫。譯作「層疊樣式表單」。是用於（增強）
控制網頁樣式並允許將樣式信息與網頁內容分離的一種標記性語言。
你可能對css這個名詞比較陌生，
實際上無論你用internetexplorer還是
netscapenavigator在網上沖浪，幾乎隨時都在與css打交道，
在網上沒有使用過css的網頁可能不好找。不管你用什麼工
具軟件制作網頁，都有在有意無意地使用css。
用好css能使你的網頁更加簡煉，為什麼同樣內容的網頁，
有的人做出來有
幾十kb，而高手做出來只有十幾kb，
css在其中的作用是不言而喻的。
我把我在使用css中的一些小經驗以及一些網友來信
提問的問題整理出來，供諸位參考。
1、css在網頁制作中一般有三種方式的用法，
那麼具體在使用時該采用哪種用法？
當有多個網頁要用到的css，采用外連css文件的方式，
這樣網頁的代碼大大減少，修改起來非常方便；只在單個網頁
中使用的css，采用文檔頭部方式；只有在一個網頁一、
兩個地方才用到的css，采用行內插入方式。

2、css的三種用法在一個網頁中要以混用嗎？
三種用法可以混用，且不會造成混亂。這就是它為什麼稱之為“
層疊樣式表”的原因，浏覽器在顯示網頁時是這樣處
理的：先檢查有沒有行內插入式css，有就執行了，
針對本句的其它css就不去管它了；其次檢查頭部方式的css，
有就執行
了；在前兩者都沒有的情況下再檢查外連文件方式的css。
因此可看出，三種css的執行優先級是：行內插入式、頭部方
式、外連文件方式。

3、在dreamweaver3中如何使外部文件式css？
在dreamweaver3中使用外連文件式css並沒有特殊要
求，同樣是用記事本創建一個*.css文件，在網頁的<
head>與
</head>之間加上一句這樣的代碼：<linkrel="stylesheet"href="在這裡填上你的css文件地址（相對路徑+文件
名）"type="text/css">就行了。

4、如何用dreamweaver3快速創建css外連式文件？
對於一個初接觸css的網頁設計人員來講，
要用記事之類的編輯器，
去創建一個css外連式文件是相當困難的。由於
dreamweaver3對css支持的很好，
用它來幫助就輕松多了。具體可以這樣操作：
1）先在紙上寫好在網站的網頁中可能要用到的格名稱，
然後在dreamweaver3的編輯窗中調出css面板，
一個一個地定
義，並在一個空白頁上適當地寫一點相關內容，邊定義邊試用，
效果不滿意，立即修改；
2）全部定義好後，再用記事本創建一個空的css外連式文件，
把在<head>與</head>之間的那段定義好的css復制
到css文件中去，就大功告成了。整個過程就是點鼠標，方便吧？

5、
在dreamweaver3中采用行內插入式css要手動寫代碼
嗎？
不用！先用css面板定義好要用的css，然後，
在要插入css的標記插入：style=""，
再把你剛才定義的css從<head>
後面拖到這個雙引號中來，把花括號以外的部分刪去就行了。

6、在方檔頭部方式和外連文件方式的css中都有“”，好象沒什麼用，不要可以嗎？
這一對東東的作用是為了不引起低版本浏覽器的錯誤。
如果某個執行此頁面的浏覽器不支持css，它將忽略其中的內
容。雖然現在使用不支持css浏覽器的人已很少了，
由於互聯網上幾乎什麼可能都會發生，所以還是留著為妙。

7、如何給一部分文字加背景色？
給文字加上不同顏色，
在dw3中只要在屬性面板上選取文字的顏色就行了，非常方便，
但要給部分文字加不同的背景色
卻沒有相應的功能，我們可以先做一個定義背景色的css（如：
bgstyle），在dw3中點幾下鼠就完成了。
如一個定義淡黃色
背景的css是這樣的：
<styletype="text/css">

</style>
在要用時選取那段文字，再在css面板上點一下“
bgstyle”就行了。

8、如何給部分文字加背景圖像？
與加背景色操作類似，中是在背景在選擇加載圖象就是了，
一個定義好的加背景圖象的css例子的代碼是這樣的：
<styletype="text/css">

</style>
在要用時選取那段文字，再在css面板上點一下“
imgbgstyle”就行了。

9、如何使頁面的背景在文字“滾動”時背景圖案靜止不動？
要使背景圖案不隨文字“滾動”的css是這樣的：
<styletype="text/css">

</style>

10、如何定義字間距？
在dw3中css的屬性定義對話框（styledefinitionfor.style1)的“block”上的“letterspaceing”屬性定義的就
是字間距，它指的是每一個字符之間的額外間距，經長度為單位，
正負值均可，當取負值時產生字符擠在一起的效果。下
面代碼是一個定義好的字間距css例子：
<styletype="text/css">

</style>

11、如何給文字加上劃線、下劃線、刪除線和閃爍？
在dw3中css的屬性定義對話框(styledefinitionfor.style1)的“type”上的“decoration”
屬性定義的就是這些
內容，要注意的是閃爍屬性有些版本的浏覽器不支持，少用為好。
下面是一個定義好上述效果的css例子：
<styletype="text/css">

</style>
其中：“underline”是定義下劃線；“overline”是定義上劃線；“line-through”定義的是刪除線；“blink”
定義的是文字閃爍。

12、如何使網頁具有“首行縮進”功能？
由於dw3輸入空格不方便，利用“首行縮進”將彌補這個不足。
在dw3中css的屬性定義對話框（styledefinition
for.style1)的“block”上的“text-
indent”屬性定義的就是“首行縮進”，所謂“首行”
是指每段內容的第一行，也
就是直接按回車鍵就形成了一個新的段落。縮進最好以“em”（
字符）為單位，比如：漢字編排要求每段開始縮進兩個漢
字，設置好的css如下所示：
<styletype="text/css">

</style>
在dw3要注意：在dw3中css的屬性定義對話框（styledefinitionfor.style1)的“block”上的“text-
indent”右
面的縮進單位選擇框中“ems”指的就是“em”。

13、在用表格進行排版時，
能使某一方向上的內容離開表格線一點嗎？
可以！在dw3中css的屬性定義對話框（styledefinitionfor.style1)的“box”上的“margin”
定義的就是內容離
開邊緣的距離，分別可定義四個方向：“top”“bottom”
“left”“right”。下面就是定義在左邊離開“
10px”的css例
子代碼：
<styletype="text/css">

</style>

14、能給某部分內容加邊框嗎？
用css可以給某部分內容加邊框，
在dw3中css的屬性定義對話框（styledefinitionfor.style1)的“border”定義
的就是邊框線，“top”“bottom”“left”“
right”四邊可分別定義線的粗細和顏色，
這些定義好後不要忘記在下面的
“style”中定義線型，否則將看不邊框線，
因為默認的線型是“none”。下面是一個定義了上邊框為：
藍色細線；左邊框
為：綠色中粗線的css例子：
<styletype="text/css">


css
什麼是樣式表

css是cascadingstylesheet的縮寫。譯作「層疊樣式表單」。是用於（增強）控制網頁樣式並允許將樣式信息與網頁內容分離的一種標記性語言。
你可能對css這個名詞比較陌生，實際上無論你用internetexplorer還是
netscapenavigator在網上沖浪，幾乎隨時都在與css打交道，在網上沒有使用過css的網頁可能不好找。不管你用什麼工
具軟件制作網頁，都有在有意無意地使用css。用好css能使你的網頁更加簡煉，為什麼同樣內容的網頁，有的人做出來有
幾十kb，而高手做出來只有十幾kb，css在其中的作用是不言而喻的。我把我在使用css中的一些小經驗以及一些網友來信
提問的問題整理出來，供諸位參考。
1、css在網頁制作中一般有三種方式的用法，那麼具體在使用時該采用哪種用法？
當有多個網頁要用到的css，采用外連css文件的方式，這樣網頁的代碼大大減少，修改

[1] [2] 下一页