要使用 CSS box-shadow 屬性來為區塊元素增加陰影效果,可以依照以下的步驟:
選擇要增加陰影效果的區塊元素,可以使用 CSS 選擇器。
在 CSS 樣式區塊中,使用 box-shadow 屬性設置陰影效果。
box-shadow 屬性的值由四個參數組成,分別 ......
詳細閱讀
若想要在超連結內使用 onclick 事件觸發 JavaScript function,可以使用以下方式:
Click me
在上述程式碼中,使用 onclick 屬性來定義當點擊連結時要執行的 JavaScript function。在本例中,myFunction() 是欲 ......
詳細閱讀
在 PHP 中,可以使用 explode() 函数來將字串切割成陣列。explode() 函数可以指定一個分隔符,然後將字串根據分隔符分割成多個元素,存放在陣列中。使用 implode() 函数可以將一個陣列中的元素以指定的字串作為分隔符連接起來形成一個字串。這兩個函數常常用於處 ......
詳細閱讀
HTML DIV 區塊除了可以當容器使用或用來做網頁排版之外,本身也可以透過增加邊框效果來美化視覺效果,在這裡我們要用到的是 CSS 的邊框設計技巧,也就是 border 屬性,透過 border 屬性可以很輕易的替 HTML 的 DIV 區塊增加四個邊框,甚至分別替上邊框、右邊 ......
詳細閱讀
HTML DIV 區塊本身是一個容器的概念,除了可以在 DIV 內放置文字、表格這些網頁元素之外,放圖片也是非常普遍的做法,利用 DIV 區塊內插入圖片的優點除了可以替圖片本身增加更多 CSS 的效果之外,還可以用來做整個網頁的圖片排版,本篇著重於在 HTML DIV 區塊內插入 ......
詳細閱讀
HTML DIV 區塊內的文字顏色是可以變更的,傳統的 HTML 會透過 font color> 標籤來改變文字的顏色,但到了 CSS 時代,可以改用更簡單的 color 屬性直接調整 DIV 區塊內的文字顏色,如果搭配 span> 標籤還可以更精準的標註出某些特定文字再給予不同 ......
詳細閱讀
HTML span 標籤是一個非常古老卻非常好用的標籤,透過 span 標籤可以讓我們輕易的修改網頁中的各種小區塊,例如替文章中的特定文字做出特效,包含修改文字顏色、修改文字大小、替文字增加底線、修改文字的字型、把文字變粗 ... 等,都可以透過 HTML span 標籤把特定文 ......
詳細閱讀
要修改 HTML DIV 區塊內的文字大小,可以使用 CSS 中的 font-size 屬性。以下是一個簡單的範例:
This is some text inside a div element.
在上面的範例中,我們使用 style 屬性設定了 DIV 區塊的 ......
詳細閱讀
要修改 HTML span 區域內的文字大小,可以使用 CSS 的 font-size 屬性,例如:
這是一段文字
這樣就會讓 span 區域內的文字大小為 20 像素。如果希望把 span 區域內所有的文字大小都改變,可以將上面的樣式設定寫入 CSS 檔案中:
span ......
詳細閱讀
要修改 HTML 區域內的文字字型,可以使用 CSS 的 font-family 屬性,指定欲使用的字型名稱。
以下是一個範例,將 內的文字字型設為 Arial:
Hello, World!
或是可以在 CSS 樣式表中指定 內的文字字型,並在 HTML 中使用對應的 ......
詳細閱讀
要讓 HTML span 區域內有背景顏色,可以使用 CSS 的 background-color 屬性。這個屬性可以設定背景的顏色,可接受的值包括顏色名稱、十六進位碼、RGB 值等等。以下是一個範例:
這是一個有黃色背景的 span 區域
範例結果
這是一個有黃色背景的 ......
詳細閱讀
要為 HTML 的 DIV 區塊增加陰影效果,可以使用 CSS 的 box-shadow 屬性。
以下是一個簡單的範例:
Box Shadow Example .bo ......
詳細閱讀
HTML DIV 區塊內的文字字型是可以變更的,預設的情況下,如果沒有在 DIV 父層設定任何的文字字型,那 DIV 內的文字就會根據瀏覽器的預設字型來顯示,例如新細明體、標楷體或者是微軟正黑體這些 Windows 系列的字型,如果使用的是 Apple 的 iOS 系統顯示字型又 ......
詳細閱讀
HTML DIV 區塊除了可以用來排板之外,當然還可以用來美化,只要透過簡單的 CSS 樣式設定就能輕鬆變化出許多好看風格的 DIV 區塊,今天我們要來介紹如何替 HTML DIV 增加背景顏色,在這裡我們會使用到的是 CSS 的 background-color 屬性,這個屬性 ......
詳細閱讀
HTML DIV 標籤用法從以前僅用來標示一個網頁區塊到現在直接用來做網頁排版,這都是因為 CSS 技術的進步與普即所至,如果要靈活運用 HTML DIV 標籤就要從最基本的語法開始學習,這樣才知道如何在 DIV 標籤內加入樣式設計,熟悉 DIV 區塊的用法之後,幾乎可以大幅度的 ......
詳細閱讀
PHP stripslashes 函數的功能是用來去除字串中多餘的反斜線(\),兩種情況會需要用到 PHP stripslashes 函數,第一種是用來過濾網頁上的資料,例如給網友輸入的內容,第二種情況是用來還原 addslashes 函數處理過的字串,例如一筆資料存入資料庫之前 ......
詳細閱讀
PHP strip_tags 函數的功能是用來消除 PHP 或 HTML 標籤,舉凡 HTML 的各種標籤如 tag、 tag、 tag、font> tag ... 或是 PHP 的 tags、註解內容 ... 等,都可以用 strip_tags 函數清除,相當的好用而且效率也 ......
詳細閱讀
PHP addslashes 函數的功能是替字串的特殊字符增加反斜線效果,會有這樣的需求主要在於部份的特殊符號會造成資料庫的錯誤或資料被竊取,所謂的 sql injection 這種攻擊手法就會用一些特殊符號來偷撈資料,所以一般會用 PHP addslashes 函數來協助避免, ......
詳細閱讀
PHP htmlspecialchars_decode 函數功能可以把 HTML 實體符號轉換回原本的 HTML 符號,例如 < 用 htmlspecialchars_decode 函數可以轉換回 符號,htmlspecialchars_decode 函數對應的是 htm ......
詳細閱讀
PHP htmlspecialchars 函數的功能是用來轉換 HTML 特殊符號為僅能顯示用的編碼,舉例來說,HTML 的大於(>)小於(PHP htmlspecialchars 函數的語法string htmlspecialchars( $string , $quote_fl ......
詳細閱讀