訪客禁用特殊功能 登入

登入  •  註冊

[CSS] 文字背景 筆記本虛線樣式教學  

CSS、HTML、XHTML、XML、JavaScript、PHP、ASP、JSP 等各種網頁技巧心得討論
版面規則
回覆文章:0.5金幣

[CSS] 文字背景 筆記本虛線樣式教學

GP:0

#1  文章tomy » 2010年 4月 22日, 04:21

 



首先製作一張背景為8*24,並將行距設定為24px
之後於需要使用虛線文字背景的html標籤設定CSS樣式。

代碼: 選擇全部
<html>
<head>
<style type="text/css">
<!--
p {
        font-size: 12px;                        /*設定文字大小*/
        line-height: 24px;                      /*設定文字行距*/
        background-image: url(dot.gif);         /*設定文字背景圖*/
        letter-spacing: 3px;                    /*設定文字間距*/
}
-->
</style>
</head>
<body>
<p>
張惠妹(阿妹)和球員何守正的戀情一直受到注目,近來卻傳出兩人分手的消息,
</p>
</body>
</html>
   您所在的用戶組無法下載或查看附件。
i love phpBB
Let's make it better !!
頭像
tomy
一般會員
一般會員
 
文章: 189
註冊時間: 2010年 2月 11日, 12:19
持有金幣: 28.00
送出感謝: 3
擁有感謝: 25
擁有勳章數量: 2
電腦駭客 (1) 版主榮耀 (1)

Re: [CSS] 文字背景 筆記本虛線樣式教學

GP:0

#2  文章poterlin » 2012年 10月 28日, 22:54

 

很實用!!效果也不錯
頭像
poterlin
一般會員
一般會員
 
文章: 17
註冊時間: 2012年 4月 18日, 17:27
持有金幣: 0.00
送出感謝: 0
擁有感謝: 0


回到 網頁技術

誰在線上

正在瀏覽這個版面的使用者:沒有註冊會員 和 0 位訪客