今天要來介紹網頁區塊鏈常使用到的一些 樣式(style) ,相信大家都想要自己網頁美美的,所以一定會裝飾您的網頁,這時樣式就是您很好的選擇!
首先建議大家需要給樣式時都建立一個 BUDA_W100 做編輯,方便您編輯DIV
針對BUDA的父元素我們也有一篇介紹,歡迎觀看DIV之父元素←請點我
接下來為各位介紹最常會用到的一些樣式
背景
1.背景顏色
background:#色碼;
我們用background:#0eadbb;作範例,就出現這個藍框框囉
2.背景圖片(隨螢幕移動)
background-image:url(圖片位置);
我們用background-image:url(../../../sharepic/1920x1080/G37.jpg);作範例
就出現這個圖片框囉
請滑動螢幕看2和3的差別唷
3.背景圖片(不隨螢幕移動)
background-image:url(圖片位置);
此作法請在樣式表類別加上 bgimage2
一樣輸入background-image:url(../../../sharepic/1920x1080/G37.jpg);作範例
請滑動螢幕看2和3的差別唷
陰影
1.文字陰影
text-shadow:5px 5px 2px #d5d5d5;
文字陰影效果,前方兩個數字調整陰影距離,第三個數字調整陰影大小
2.區塊陰影
box-shadow:5px 5px 2px #d5d5d5;
區塊陰影可以這樣用
是不是很有趣
邊框
/*第一種方式*/ border:1px solid #色碼; /*第二種方式*/ border-color:#色碼; //邊框顏色 border-width:1px; //邊框粗細 border-style:solid; //邊框樣式 /*您也可以四邊都用不一樣的樣式*/ border-top:1px solid #389e5c; border-bottom:2px dashed #990000; border-left:3px dotted #d4a925; border-right:5px double #1599bf; /*邊框樣式有*/ border-style:solid //實線 border-style:dashed //虛線 border-style:dotted //點線 border-style:double //雙線 border-style:groove //凹線 border-style:ridge //凸線 border-style:inset //嵌入線 border-style:outset //浮出線
單一邊框樣式很簡約美
四種不同樣式很活潑
實線
虛線
點線
雙線(建議3px)
凹線(建議5px)
凸線(建議5px)
嵌入線(建議5px)
浮出線(建議5px)
歡迎大家試著操作看看,之後也會陸續新增較常用到之style,若有關於BUDA軟體想知道的問題也歡迎表單或電話聯絡我們唷!
#樣式 #style #網頁製作 #排版設計 #設計 #美觀 #BUDA #W100 #顏色 #背景 #背景圖片 #背景顏色
規格詳情歡迎觀看光速人軟體規格表