訪客您好.
登入
註冊
遊戲盒(
0
)
嘎嘎密密8週年即將改版.. 請加入FB 討論改版功能建議喔!
無名CSS語法 總整(基礎!)
目前所在版面:
電腦醫生
前往:
選擇一個版面
1
----------------
管理中心
-- 自來水廠
-- 新版面申請區
卡通漫畫
TV~PC遊戲
笑話百出
心情日記
情感小屋
體育運動
美食分享
摩爾莊園
賽爾號
2
----------------
新朋友報到
心理測驗
小遊戲
星座物語
鬼話連篇
文學創作
偶像明星
旅遊景點
寵物日記
3
----------------
聊天說地
線上遊戲
小品分享
電腦醫生
猛爆貼圖
影視節目
Ga交友
我的大頭貼
Ran
I not 超版
35
榮譽版主
文章: 949
G幣 399859
註冊時間: 2007-09-07
來自: 台中市
Ran
發表於 2007-11-07 10:16
引言回覆
基本語法====================================
<style type=text/css>
<!--
body,table{
color : #999999 ; /*文字色彩*/
font-family : 細明體 ; /*文字字型*/
font-size : 9pt /*文字大小*/
}
-->
</style>
文字屬性一覽================================
color : #999999 /*文字色彩*/
font-family : 細明體 /*文字字型*/
font-size : 9pt /*文字大小*/
font-style:itelic /*文字斜體*/
font-variant:small-caps/*小字體*/
letter-spacing : 1pt/*字間距離*/
line-height : 200 /*設定行高*/
font-weight:bold /*文字粗體*/
vertical-align:sub /*下標字*/
vertical-align:super/*上標字*/
text-decoration:line-through/*加刪除線*/
text-decorationverline /*加頂線*/
text-decoration:underline /*加底線*/
text-decoration:none /*刪除連結底線*/
text-transform : capitalize /*首字大寫*/
text-transform : uppercase /*英文大寫*/
text-transform : lowercase /*英文小寫*/
text-align:right /*文字靠右對齊*/
text-align:left /*文字靠左對齊*/
text-align:center /*文字置中對齊*/
背景語法===================================
<style type=text/css>
<!--
body{
background-image : url(image/bg.gif); /*背景圖片*/
background-repeat : no-repeat; /*不重複排列*/
background-position : 90 90; /*背景圖片x與y軸的位置*/
background-attachment : fixed;/*固定背景*/
}
-->
</style>
背景屬性一覽================================
background-color:#F5E2EC /*背景色彩*/
background-image : url(image/bg.gif) /*背景圖片*/
background-attachment : fixed /*固定背景*/
background-repeat : repeat /*重複排列-網頁預設*/
background-repeat : no-repeat /*不重複排列*/
background-repeat : repeat-x /*在x軸重複排列*/
background-repeat : repeat-y /*在y軸重複排列*/
background-position : 90 90 /*背景圖片x與y軸的位置*/
連結語法====================================
<style type=text/css>
<!--
A:link/*超連結*/
{color : #999999 ; /*文字色彩*/}
A:visited/*瀏覽過的超連結*/
{color : #999999 ; /*文字色彩*/}
A:active/*按下連結*/
{color : #999999 ; /*文字色彩*/}
A:hover/*滑鼠移至連結*/
color : #000000 ; /*文字色彩*/
font-weight:bold; /*文字粗體*/
-->
</style>
連結屬性一覽==================================
A/*所有超連結*/
A:link/*超連結文字格式*/
A:visited/*瀏覽過的連結文字格式*/
A:active/*按下連結的格式*/
A:hover/*滑鼠移至連結*/
text-decoration:none;/*刪除連結線*/}
{cursor:s-resize;/*滑鼠指標樣式*/
font-weight:bold; /*文字粗體*/
border : 1px dotted #cc3300 ; /*文字框線*/}
滑鼠指標樣式一覽===============================
cursor:crosshair 十字型 cursor:s-resize 箭頭朝下
cursor:move 十字箭頭 cursor:e-resize 箭頭朝右
cursor:help 加一問號 cursor:w-resize 箭頭朝左
cursor:n-resize 箭頭朝上 cursor:ne-resize 箭頭朝右上
scursor:nw-resize 箭頭朝左上 cursor:text 文字I型
cursor:se-resize 箭頭斜右下 cursor:sw-resize 箭頭斜左下
cursor:wait 漏斗 cursor:nono 預設
彩色捲軸=======================================
<style type=text/css>
<!--
BODY{
SCROLLBAR-FACE-COLOR: #FFFFFF; /*捲軸顏色*/
SCROLLBAR-HIGHLIGHT-COLOR: #336699; /*捲軸左與上內邊框*/
SCROLLBAR-SHADOW-COLOR: #336699;/*捲軸右與下內邊框*/
SCROLLBAR-3DLIGHT-COLOR: #FFFFFF; /*捲軸左與上外邊框*/
SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF;/*捲軸右與下外邊框*/
SCROLLBAR-ARROW-COLOR: #336699; /*捲軸箭頭*/
SCROLLBAR-TRACK-COLOR: #FFFFFF; /*捲軸底色*/
}
-->
</style>
刪除捲軸=====================================
<style type=text/css>
<!--
BODY{overflow:hidden; /*刪除捲軸*/}
-->
</style>
<style type=text/css>
<!--
BODY{overflow-x:hidden; /*刪除水平捲軸*/}
-->
</style>
<style type=text/css>
<!--
BODY{overflow-y:hidden; /*刪除垂直捲軸*/}
-->
</style>
滑鼠移過連結位移============================
<style type="text/css">
<!--
a:hover{position:relative;top:1px;left:1px;}
-->
</style>
說明:
在a:hover 滑鼠移至連結的屬性做文字位置的變化
top:1px;left:1px 位移數值
right:1px;bottom:1px 可改變位移方向
表格透明效果================================
<style type=text/css>
<!--
table{FILTER: Alpha(opacity=60);/*表格透明*/}
-->
</style>
說明:
opacity=60 設定透明度(值越小越透明)
外部呼叫================================
<link rel=stylesheet type="text/css" href="檔名.css">
更改滑鼠================================
<style type="text/css">
<!--
body {cursor:url("滑鼠網址"),url("滑鼠網址"),text;}
-->
</style>
*須為ani檔及cur檔
_________________
嵐 天 白 雲
請各位遵守
版規
謝謝合作
I am back 大家好久不見!
_______________________________________
心底依舊有一個 我無解的答案
破碎糾結的過去,我打不開
束縛自己,沒有鑰匙
cm788847
發表於 2008-01-04 08:06
引言回覆
這些CSS語法應該是普遍都可以使用
並不是無名專用的CSS語法喔!
cm788847
初級會員
G幣 34822
文章: 21
註冊時間: 2007-12-10
supau303
26
實習版主
文章: 5623
G幣 289667
註冊時間: 2008-07-25
來自: 台北的啦!
supau303
發表於 2009-04-03 11:02
引言回覆
謝謝提供!我可以幫我媽媽弄無名了
_________________
請各位會員
千萬
一定要看
版規
上課到快起笑
QJ101
發表於 2009-06-15 21:26
引言回覆
好棒的文,
對我這個語法白痴很有幫助~
感謝分享
_________________
面對即將毀滅的一切,
我該相信誰?
誰能給予我溫暖?
過去,也只是微小的沙粒。
我的無名-
http://www.wretch.cc/blog/QJ101
Mufy
交友檔案
留言板
心情日記
QJ101
瀲玥_娃♀
26
中級會員
G幣 1953
文章: 81
註冊時間: 2008-08-05
來自: 世界某處
從之前的文章開始顯示:
所有文章
1 天
7 天
2 星期
1 個月
3 個月
6 個月
1 年
最舊的
最新的
所有的時間均為 台灣時間 (GMT + 8 小時),
第
1
頁(共
1
頁)
前往:
選擇一個版面
1
----------------
管理中心
-- 自來水廠
-- 新版面申請區
卡通漫畫
TV~PC遊戲
笑話百出
心情日記
情感小屋
體育運動
美食分享
摩爾莊園
賽爾號
2
----------------
新朋友報到
心理測驗
小遊戲
星座物語
鬼話連篇
文學創作
偶像明星
旅遊景點
寵物日記
3
----------------
聊天說地
線上遊戲
小品分享
電腦醫生
猛爆貼圖
影視節目
Ga交友
我的大頭貼
您
無法
在這個版面發表文章
您
無法
在這個版面回覆文章
您
無法
在這個版面編輯文章
您
無法
在這個版面刪除文章
您
無法
在這個版面進行投票
您
無法
在這個版面上傳檔案
您
可以
在這個版面下載檔案