CSS語法

主題已鎖定
頭像
櫻井綾乃
.※.稜鏡之森の守護使者.※.
.※.稜鏡之森の守護使者.※.
文章: 1331
註冊時間: 週二 2006-03-07 09:08
個人狀態: 論壇爆走中...
性別: 醜醜的大美女
來自: 雲上天國
表達感謝: 68 次
擁有感謝: 837 次
星座:
聯繫:

CSS語法

文章 櫻井綾乃 »

CSS語法吧!

將圖片網址代入後,再將語法複製貼即可(文字模式原始碼)

背景固定
<STYLE>body{background:url(http://圖片網址) fixed}</STYLE>

背景不固定
<STYLE>body{background:url(http://圖片網址) scroll}</STYLE>

固定背景在左上方
<STYLE>body{background:url(http://圖片網址) no-repeat fixed left top}</STYLE>

固定背景在左邊中間
<STYLE>body{background:url(http://圖片網址) no-repeat fixed left center}</STYLE>

固定背景在左下方
<STYLE>body{background:url(http://圖片網址) no-repeat fixed left bottom}</STYLE>

固定背景在右上方
<STYLE>body{background:url(http://圖片網址) no-repeat fixed right top}</STYLE>

固定圖片在右邊中間
<STYLE>body{background:url(http://圖片網址) no-repeat fixed right center}</STYLE>

固定圖片在右下方
<STYLE>body{background:url(http://圖片網址) no-repeat fixed right bottom}</STYLE>

固定背景在中間上方
<STYLE>body{background:url(http://圖片網址) no-repeat fixed center top}</STYLE>

固定背景在正中間
<STYLE>body{background:url(http://圖片網址) no-repeat fixed center center}</STYLE>

固定背景在中間下方
<STYLE>body{background:url(http://圖片網址) no-repeat fixed center bottom}</STYLE>


語法解說(請依個人需求直接修改CSS喔):
fixed 背景圖片固定不動
scroll 背景圖片隨捲軸移動
repeat 圖片重覆直到貼滿畫面為止
repeat-x 橫向重覆貼上圖片
repeat-y 直向重覆貼上圖片
no-repeat 只貼一次,不重覆
left 左
right 右
center 中
top 上
bottom 下
如果.....
也許.....
這些都是事後的想法
如果會想著當初怎麼做也許會有什麼結果
不如在當初就做出正確的決定.....
有些事不去嚐試是不會真的體會他的奧妙的~
頭像
櫻井綾乃
.※.稜鏡之森の守護使者.※.
.※.稜鏡之森の守護使者.※.
文章: 1331
註冊時間: 週二 2006-03-07 09:08
個人狀態: 論壇爆走中...
性別: 醜醜的大美女
來自: 雲上天國
表達感謝: 68 次
擁有感謝: 837 次
星座:
聯繫:

Re: CSS語法

文章 櫻井綾乃 »

文字屬性一覽================================
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-decoration:overline /*加頂線*/
text-decoration:underline /*加底線*/
text-decoration:none /*刪除連結底線*/
text-transform : capitalize /*首字大寫*/
text-transform : uppercase /*英文大寫*/
text-transform : lowercase /*英文小寫*/
text-align:right /*文字靠右對齊*/
text-align:left /*文字靠左對齊*/
text-align:center /*文字置中對齊*/

背景屬性一覽================================
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軸的位置*/

連結屬性一覽==================================
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 預設

滑鼠移過連結位移============================

說明:
在a:hover 滑鼠移至連結的屬性做文字位置的變化
top:1px;left:1px 位移數值
right:1px;bottom:1px 可改變位移方向

表格透明效果================================

說明:
opacity=60 設定透明度(值越小越透明)
如果.....
也許.....
這些都是事後的想法
如果會想著當初怎麼做也許會有什麼結果
不如在當初就做出正確的決定.....
有些事不去嚐試是不會真的體會他的奧妙的~
主題已鎖定

回到「PHPBB2-外掛列表」