目前分類:網頁設計CSS (3)

瀏覽方式: 標題列表 簡短摘要
語法教學CSS

各種樣式範例

.cursor 滑鼠游標圖案(滑鼠移到想看的標題上)

cursor: context-menu; /*選單 Opera*/

cursor: pointer; /*手型,表示超連結*/

cursor: not-allowed; /*無法使用*/

cursor: text; /*輸入文字符號*/

cursor: vertical-text; /*輸入垂直文字*/

cursor: help; /*協助問號*/

cursor: wait; /*等待中;漏斗*/

文章標籤

默默魚 發表在 痞客邦 留言(0) 人氣()

語法教學CSS

文字常用CSS

.font 文字

color: #009FCC; /*文字顏色*/

 

font-family: Arial, sans-serif; /*文字風格字型*/

 

.font-size 文字大小

font-size: 19px; /*px絕對單位*/

 

font-size: 1.2em; /*網頁 ( 單位 )em 相對單位*/

font-size: 1.2rem; /*網頁 ( 單位 )rem 相對單位*/

文章標籤

默默魚 發表在 痞客邦 留言(0) 人氣()

語法教學CSS

border 框線

 

.一行縮寫

border: 1px solid #444444; /*寬度、樣式、 色碼*/

.border-width 寬度

border-width: 1px; /*thin (薄)、medium (中等)、thick (厚),或是一個數字。*/

 

 

.border-style 樣式

border-style: solid; /*實線框*/

 

border-style: dotted; /*點線框*/

文章標籤

默默魚 發表在 痞客邦 留言(0) 人氣()