CSS基础以及CSS代码
[font=Verdana][size=9pt]Here i will teach you the basics of CSS (Cascading Style Sheets) and will make a list of many many CSS codes for you to use :D [/size][/font][size=9pt]在这里，我将教你[/size][font=Verdana][size=9pt]CSS[/size][/font][size=9pt]（层叠样式表）的基本准则，并为你准备一些比较实用的[/size][font=Verdana][size=9pt]CSS[/size][/font][size=9pt]代码。[/size][font=Verdana][size=9pt]
Ok, CSS codes are written like this:
CSS[/size][/font][size=9pt]代码的具体书写方式如下：[/size]
[table=39%][tr][td][font=Verdana][size=9pt]<style type="text/css">
All of the CSS code goes in here
</style> [/size][/font][font=Verdana][size=9pt][/size][/font]
[/td][/tr][/table][font=Verdana][size=9pt]
And the code is inserted into the [b][font=Verdana]<head>[/font][/b] and [b][font=Verdana]</head>[/font][/b] tags of the page.
[/size][/font][size=9pt]将上面的代码插入页面的[/size][font=Verdana][size=9pt] [b][font=Verdana]<head>[/font][/b]
[/size][/font][size=9pt]和[/size][font=Verdana][size=9pt] [b][font=Verdana]</head> [/font][/b][/size][/font][b][font=宋体][size=9pt]之间。[/size][/font][/b][font=Verdana][size=9pt]
These are just some CSS codes that I picked up somewhere or other over the internet, I didn't make them, I am just showing you them so you can use them :)
[/size][/font][size=9pt]下面列举的这些[/size][font=Verdana][size=9pt]CSS[/size][/font][size=9pt]代码是我从其它地方或者是互联网上获取的，我并没有书写他们，我仅是将它展示给各位，以方便各位的使用。[/size][font=Verdana][size=9pt]
Hope you find what you need!
[/size][/font][size=9pt]希望它对你们有用！[/size][font=Verdana][size=9pt]
Colourful scrollbar
[/size][/font][size=9pt]多彩滚动条[/size]
[table=98%][tr][td][font=Verdana][size=9pt]<style type="text/css">
body{scrollbar-face-color:#EEEEEE; scrollbar-shadow-color:
#000000;scrollbar-highlight-color: #EEEEEE;scrollbar-3dlight-color:
#000000;scrollbar-darkshadow-color: #EEEEEE;scrollbar-track-color:
#EEEEEE;scrollbar-arrow-color: #000000;} </style> [/size][/font][font=Verdana][size=9pt][/size][/font]
[/td][/tr][/table][font=Verdana][size=9pt]
Add a background
[/size][/font][size=9pt]链接一个背景[/size]
[table=98%][tr][td][font=Verdana][size=9pt]<style type="text/css">
body {background:url(http://www.yoursite.com/the)} </style> [/size][/font][font=Verdana][size=9pt][/size][/font]
[/td][/tr][/table][font=Verdana][size=9pt]
Add a background and have it fixed
[/size][/font][size=9pt]添加一个固定背景[/size]
[table=98%][tr][td][font=Verdana][size=9pt]<style type="text/css">
body {background:url(http://www.yoursite.com/thebackground.gif) fixed} </style> [/size][/font][font=Verdana][size=9pt][/size][/font]
[/td][/tr][/table][font=Verdana][size=9pt]
Change link text
[/size][/font][size=9pt]改变链接文本样式[/size]
[table=98%][tr][td][font=Verdana][size=9pt]<style type="text/css">
a:link,a:visited{color:gold;font:9pt verdana}
a:active{color:red;font:9pt verdana}
</style> [/size][/font][font=Verdana][size=9pt][/size][/font]
[/td][/tr][/table][font=Verdana][size=9pt]
Change link background on mouseover
[/size][/font][size=9pt]鼠标经过时，该表链接背景[/size]
[table=98%][tr][td][font=Verdana][size=9pt]<style type="text/css">
a:hover{background:gold}
</style> [/size][/font][font=Verdana][size=9pt][/size][/font]
[/td][/tr][/table][font=Verdana][size=9pt]
Text to capitols on mouseover
[/size][/font][size=9pt]鼠标经过时，改变文本样式[/size]
[table=98%][tr][td][font=Verdana][size=9pt]<style type="text/css">
a:hover{text-transform:uppercase}
</style> [/size][/font][font=Verdana][size=9pt][/size][/font]
[/td][/tr][/table][font=Verdana][size=9pt]
General font size, type and color
[/size][/font][size=9pt]规定字体尺寸、类型和颜色[/size]
[table=98%][tr][td][font=Verdana][size=9pt]<style type="text/css">
body{font-family:verdana;font-size:8pt;font-color:red;}
</style> [/size][/font][font=Verdana][size=9pt][/size][/font]
[/td][/tr][/table][font=Verdana][size=9pt]
Get rid of all the white stuff in images
[/size][/font][size=9pt]取出图像中的白色[/size]
[table=98%][tr][td][font=Verdana][size=9pt]<style type="text/css">
img{filter:chroma(color=white)}
</style> [/size][/font][font=Verdana][size=9pt][/size][/font]
[/td][/tr][/table][font=Verdana][size=9pt]
Get a crosshair as a cursor
[/size][/font][size=9pt]让鼠标的形状变成十字形[/size]
[table=98%][tr][td][font=Verdana][size=9pt]<style type="text/css">
body{cursor:crosshair}
</style> [/size][/font][font=Verdana][size=9pt][/size][/font]
[/td][/tr][/table][font=Verdana][size=9pt]
Put a picture anywhere you want
[/size][/font][size=9pt]在你喜欢的地方放置一张图片[/size]
[table=98%][tr][td][font=Verdana][size=9pt]<style type="text/css">
i.anypic1 {background:url(http://www.yoursite.com/theimage.gif);
height:80;width:80;position:absolute;top:200;left:300}
</style>
<i class="anypic1"> </i> [/size][/font][font=Verdana][size=9pt][/size][/font]
[/td][/tr][/table][font=Verdana][size=9pt]
Change table borders
[/size][/font][size=9pt]改变表格边框[/size]
[table=98%][tr][td][font=Verdana][size=9pt]<style type="text/css">
table {
border-style: solid;
border-color: #CCCCCC;
border-width: 1px;
}
</style>[/size][/font][font=Verdana][size=9pt][/size][/font]
[/td][/tr][/table] 学习了，楼主辛苦了！！！
页:
[1]