HTML中OL常在最後一項有空行
如何去掉
只要下CSS就可以<OL style="list-style:Disc inside;margin:0;padding:0;"> <LI>aa
<LI>bb
</OL>
參考其他list-style
disc (缺省值，黑圓點)
circle (空心圓點)
square (小黑方塊)
decimal (數字排序)
lower-roman (小寫羅馬字排序)
upper-roman (大寫羅馬字排序)
lower-alpha (小寫字母排序)
upper-alpha (大寫字母排序)
none (無列表項標記)
搜尋
OL不要空行
標籤： Css
Blog或網頁上顯示程式語法Code
只要下載之後做以下步驟
1.引用Js
<script src='http://XXX.XXX.XXX/js/prettify.js' type='text/javascript'></script>
2.引用css
<link href='http://XXX.XXX.XXX/css/prettify.css' rel='stylesheet' type='text/css'/>
3.設定css，在style下設定
CODE,.code {display: block; /* fixes a strange ie margin bug */font-family: Courier New;font-size: 8pt;overflow:auto;background: #f0f0f0 url(http://XXX.XXX.XXX/image/BG_CODE.gif) left top repeat-y;border: 1px solid #ccc;padding: 10px 10px 10px 21px;max-height:200px;line-height: 1em;}
4.Body onload執行prettyPrint()
<body onload='prettyPrint()'>
5.在你須需要呈現程式碼前後使用以下TAG包起來就可以
<code class="prettyprint">
程式碼
</code>
標籤： Css , Javascript , Web
CSS自訂anchor取代預設a:的設定
如何自行設定Anchor
讓原本常用的Style a:
a:link {text-decoration: none;Color: #330066;font-size:16px;font-family:Arial}
a:visited {text-decoration: none; Color: #330066;font-size:16px;font-family:Arial}
a:active {text-decoration: none; Color: red;font-size:16px;font-family:Arial}
a:hover {Color: white ;background-Color: #330066;font-size:16px;font-family:Arial}
只要在HTML設定如下CSS即可
<html>
<head>
<style type="text/css">
.class1 A:link {text-decoration: none}
.class1 A:visited {text-decoration: none}
.class1 A:active {text-decoration: none}
.class1 A:hover {text-decoration: underline; color: red;}
.class3 A{color:green}
.class3 {color:blue}
</style>
</head>
<body>
<span class="class1">
<a href="http://didier.idv.tw">Didier</a>
<br>
<a href="http://didier.idv.tw">Shining</a>
</span>
<br>
</body>
</html>
標籤： Css
