作者kyork (黃金芒果)
看板Web_Design
標題Re: [問題] HTML簡單問
時間Mon Oct 20 16:11:06 2008
※ 引述《joyfang (大頭)》之銘言:
: 想請教各位大大一些html的問題??
: 問題一:要怎樣把文字 橫書改成直書?
: 問題二:可以把照片變小嗎??
: 問題三:有那些漂亮的字體可以用阿? 有藝術字嗎,像word那種?
: 有點貪心,問了三個,但是因為都很簡單,我怕被誤認我在洗文章,
: 所以才這樣,希望各位大大見諒!!!
還是回一下文好了,順便騙p幣
一:直書css語法
for IE
writing-mode:tb-rl;
for Fx
direction: rtl;(rtl右至左,ltr左至右)
-moz-column-width: 1em; (每列寬度)
-moz-column-gap: 1em;(列與列間距)
(Fx效果沒有很好,標點符號會跑掉)
二:圖片大小
<img src="1.jpg" style="width:100px; height:100px;">
^^^^^^^^^^ ^^^^^^^^^^^
寬 高
(建議還是用影像處理比較好)
三、藝術字
用css濾鏡(filter)可以做出藝術字效果,但 IE only
可以參考
http://www.7wind.net/wytx/wz/19.htm
http://www.ezsaler.com/Blog/post/166.html
也可以用這種方法
<font color=#FF8080>我</font>
<font color=#AAA955>愛</font>
<font color=#7FBF40>網</font>
<font color=#56D32B>頁</font>
<font color=#2BE915>設</font>
<font color=#02FD01>計</font>
沒錯,分別給每個字上顏色,就會出現很不錯的漸變效果
第三種方法
<body style="position:relative;background:#00ffff;">
<div style="position:absolute;top:0px;left:0px;
color:#fff;font-size:40px;z-index:1;">
我愛網頁設計
</div>
<div style="position:absolute;top:1px;left:1px;
color:#000;font-size:40px;">
我愛網頁設計
</div>
</body>
利用position:absolute;做出陰影效果
多疊個幾層,就可以做出漸層效果,或是配合上面做出漸變+漸層效果
當然,最有效解法還是圖片或Flash。
--
孤陰不生 獨陽不長
現在流行放blog在簽名檔
http://subwoofe.blogspot.com/
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 125.224.51.166
推 joyfang:謝謝你 10/20 16:46
→ robert38:stytle?還是style? 10/21 13:57
修正,感謝
※ 編輯: kyork 來自: 125.224.49.25 (10/21 15:05)