CSS捲軸

CSS程式碼

<style>

body { font-family:Tahoma,Arial; /*字型*/
font-size: 10pt; /*字體大小*/
color:#666666; /*字體顏色*/
scrollbar-face-color: #FFCCCC; /*捲軸顏色*/
scrollbar-highlight-color: #FFFFFF; /*捲軸左與上內邊框*/
scrollbar-3dlight-color: #FFCCCC; /*捲軸右與下內邊框*/
scrollbar-darkshadow-color: #DDDDDD; /*捲軸左與上外邊框*/
scrollbar-shadow-color: #FF9999; /*捲軸右與下外邊框*/
scrollbar-arrow-color: #FF9999; /*捲軸箭頭*/
scrollbar-track-color: #DDDDDD; /*捲軸底色*/
}

</style>

《參考網址》http://www.hsiu28.net/style/article_ie.php?id=9

作法一:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=big5">
<title>無標題文件</title>

複製CSS程式碼貼在這裡

</head>

<body>

</body>
</html>

作法二:

  1. 將CSS程式碼複製(不包含<style> </style>),另存到一個檔案,例:scroll.css
  2. 在預顯示捲軸效果的HTML檔中,切換到程式碼畫面,輸入以下紅色列HTML程式碼。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=big5">
<title>無標題文件</title>

<link href="scroll.css" rel="stylesheet" type="text/css">

</head>

<body>

</body>
</html>