css樣式表有一個邊框的語法 border,可以讓美工人員省去時間不用設計框線,還可以有多種樣式可選,如實線、虛線、點線、雙線等等。
語法如下:
border-style: dotted; /* dashed, double, groove, ridge, inset, outset */
那個框線樣式點線(dotted)我最常用,但是也最讓人頭疼,因為點與點的距離太密了,看起來就不那麼舒服,所以我們要用一種方式取代它。
我們用 :before , :after 這個方式做,但是只能出現在上方或是下方,左右就對不起了。
接著用鍵盤上的小數點來取代這個點線(dotted),用屬性 content 的方式填入”……….”,盡量填長一點,因為他不會重複,如果超過,我們可以用 overflow: hidden 掩蓋超過的部分。
如果嫌點點太小那就用 font-size 來更改大小,再用 letter-spacing 的方式,加大點與點的間距。
語法如下:
#box : before {
content: “……………………..”;
font-size: 8px;
height: 10px;
letter-spacing: 2px;
display:block;
overflow: hidden;
}
你或許會想要看:
- ul 置中方法(用於使用 li 設計的選單)
- [wordpress] 取的某分類頁面的term_id
- [教學] ckeditor 4.3 開啟上傳圖檔與瀏覽檔案功能
- [wordpress] 取的文章內容的第一張圖語法
- [CodeIgniter] 取得 mysql 欄位資訊的編碼(Collation)、權限(Privileges)、註解(Comment)的欄位
- [jQuery] live() 事件失效的修改方法
- [wordpress] 如何依據文章不同格式(post-formats),載入不同的樣板(get_template_part)?
- [wordpress] 如何在後台自定背景圖、背景顏色?
- [wordpress] 如何新增選單 menu ?
- [wordpress] bloginfo() 使用方法
搶先發佈留言