<head>
<meta charset="utf-8"> <<宣告網頁是utf-8
<title>無標題文件</title>
<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'> <<套用Google Fonts
<style>
*{
margin:0;
padding:0;
}
html{
background:url(2.jpg) no-repeat center center; <<背景圖2.jpg、不重複顯示、垂直置中、水平置中
min-height:100%; <<最小高度為100%
background-size:cover; <<背景大小為覆蓋
}
#t1{
position:relative;
top:500px;
left:400px;
margin-left:-30px;
margin-right:-30px;
color:#FF6;
text-shadow:3px 2px #FFC;
opacity:0.8; <<透明度
font-family:'Lobster', cursive, sans-serif , 微軟正黑體;
font-size:80px;
}
</style>
<body>
<div><span id="t1">Always Make your Dream.</sapn></div>
</body>
結果圖
雖然Google Fonts免費好用,不過只提供英文字。
所以如果要中文字的話,方法有兩種,一個用工具DIY造字,另一個就花錢請人造字。
留言列表