Sigil是一款用于電子書制作的開源軟件。除了可以使用Sigil編輯電子書外,它還可以使用CSS樣式來美化電子書。
//樣式代碼 body { margin: 0; padding: 0; font-family: "Arial", sans-serif; font-size: 16px; line-height: 1.5; color: #333; } h1, h2, h3, h4, h5, h6 { margin: 0; font-family: "Times New Roman", serif; font-weight: bold; color: #444; } p { margin: 0; text-indent: 2em; } blockquote { margin: 0; padding: 1em; background-color: #f7f7f7; border-left: 5px solid #ccc; font-style: italic; } a { color: #0061ff; text-decoration: none; border-bottom: 1px solid #0061ff; } img { max-width: 100%; height: auto; }
上面是一些基本的CSS樣式。其中,body元素是整個文檔的默認樣式,可以設置整個電子書的字體、大小、顏色等;h1~h6元素可以設置標題的字體,顏色等;p元素可以設置段落的文字縮進;blockquote元素可以設置引用塊的背景色、邊框等;a元素可以設置超鏈接的顏色、下劃線等;img元素可以設置圖片的最大寬度、自適應高度等。
在Sigil中使用CSS非常簡單。只需在頁面中插入以下代碼即可:
<style type="text/css"> ...樣式代碼... </style>
在這里我們只需要把樣式代碼復制到<style>和</style>之間,然后保存即可生效。這樣我們就可以根據自己的喜好來美化電子書了。
上一篇html5文字陰影代碼
下一篇html5文字面代碼