Would you like to react to this message? Create an account in a few clicks or log in to continue.
最新主题
» 禁片九首歌在线观看
css可以应用在 Empty周四 十二月 09, 2010 9:27 pm 由 游客

» 对联 结婚对联 经典对联
css可以应用在 Empty周五 五月 07, 2010 9:01 pm 由 吸血公主

» 超酷FLASH图片特效代码(每个网站你都会看见有这个)
css可以应用在 Empty周五 四月 16, 2010 5:50 pm 由 游客

» 谁的话越多,谁的话就越没得分量
css可以应用在 Empty周二 四月 06, 2010 7:51 pm 由 familytree

» 经典骂人和感人结合的文章~(不看你后悔)
css可以应用在 Empty周五 一月 22, 2010 2:48 pm 由 游客

» 请大家帮忙具体修改!!!!!!!!!!谢谢!!!!急用!
css可以应用在 Empty周三 十月 15, 2008 12:27 pm 由 游客

» 请大家帮忙具体修改!!!!!!!!!!谢谢!!!!急用!
css可以应用在 Empty周三 十月 15, 2008 12:23 pm 由 游客

» 在线非主流图片制作
css可以应用在 Empty周五 十月 10, 2008 5:41 pm 由 游客

» 送给那些:我就想知道 什么是真相的 知己
css可以应用在 Empty周四 十月 09, 2008 3:37 pm 由 弱水路三千

» 免费天气预报代码,此代码很实用
css可以应用在 Empty周三 十月 08, 2008 4:08 pm 由 游客

搜索
 
 

结果按:
 


Rechercher 高级搜索

五月 2024
周一周二周三周四周五周六周日
  12345
6789101112
13141516171819
20212223242526
2728293031  

日历 日历

登录

找回我的密码


css可以应用在

2 posters

向下

css可以应用在 Empty css可以应用在

帖子 由 拉哥 周一 二月 25, 2008 1:08 am

代码:
css可以应用在

代码:
等标签里。



代码:
[font=新宋体]与[/font]中插入CSS定义WEB风格的格式如下:


代码:


[b]1.控制字符的大小[/b]

font-size:10pt (PT是单位,还可以用IN、CM等单位)

[b]2.控制字符的颜色[/b]

color:#ccffcc (可以使用一些常用的英文单词控制颜色,如:red,blue,black,white等等)

[color=#ffcc00]这里的文字是例子[/color]

具体的代码为:

代码:
[font=新宋体][color=#ffcc00]这里的文字是例子[/color][/font]

[i][u]说明:
#FFCCFF是十六进制颜色代码,可选0-9;A-F
前两控制红色深度
中间两位控制绿色深度
后两位控制蓝色深度[/u][/i]

[b]3.背景色/图片的控制[/b]

background-color:red //背景色

background-image:url("图片的路径") //背景图片

这里的文字是例子//背景色

具体代码:

代码:
[font=新宋体]这里的文字是例子[/font]

这里的文字是例子//背景图片

具体代码:

代码:
[font=新宋体]这里的文字是例子[/font]

背景图片的重复方式:

background-repeat:on-repeat //(不重复)

可选参数有:repeat-y(表示垂直重复排列);repeat-x(表示水平重复排列);repeat(表示图片在水平和垂直方向上都重复排列)

背景图片:

background-position :

可选的值:[ | ] {1,2} | [top | center | bottom] || [left | center | right](在背景图案已经设定的情况下,background-position指定了它的初始位置。如果设定的属性值是“0% 0%”,那么意味着图片左上角与该元素的左上角重合;如果设定的属性值是“100% 100%”,那么意味着图片右下角与该元素的右下角重合,以此类推。在设定背景图片位置的时候,还可以使用关键字来定义一些特殊的位置,下面是一些关键字以及相应的尺寸:“top left”和“left top”=“0% 0%”;“top”、“top center”和“center top”=“50% 0%”;等等。)

background-attachment:fixed(背景图案永远静止,文字在背景上面“滚动”)
background-attachment:scroll(背景图案随着页面上的文字一起“滚动”)

[b]4.字符行列距的控制[/b]

line-height://定义行高

vertical-align://对齐方式

[b]5.表格的控制:[/b]

border-color: //控制边框的颜色.

如里想对四边的边框分别进行控制,请看下面:

style="border-top: 1 solid #008000" //1为边框的大小,#00800为边框的颜色

如果想文字给一个边框围住,看下面:

这里的文字是例子

具体代码:

代码:
[font=新宋体]这里的文字是例子[/font]

[b]6.控制字形/字体[/b]

font-family: //字体控制

font-weight: //字体粗细控制

上下划线的控制

text-decoration: //选none可去掉下划线,选underline则下划线,选取overline则上划线,选line-through则是删除线

font-style: //字体是否倾斜,选Italic倾斜

可选取参数有:blod,extra-light,demi-light,extra-bold,mediam等等

[font=黑体][b][i]这里的文字是例子[/i][/b][/font]

具体代码:

代码:
[font=新宋体][font=黑体][b][i]这里的文字是例子[/i][/b][/font][/font]

[b]7.访问前后或激活时控制"{}"里的代码可自己进行更改[/b]

A:link {text-decoration: none; color:blue} //访问前
A:visited { color:red; text-decoration:line-through } //访问后
A:active { color:white; text-decoration:underline } //激活时
A:hover {text-decoration:none;color:yellow;background-color:black} //ONMOUSE时

[b]8.css控制鼠标型状,在CSS中可以使用cursor:来控制鼠标的型状,参数及示例如下([i]先将鼠标停在相应的链接上看效果,例如想要手形的,在CSS中找到cursor:把后面的参数改成hand就好了[/i])
[/b]
[font=Arial, Helvetica, sans-serif][b][url=http://help.longluntan.cn/#][color=#0000ff]style="cursor:hand"[/color][/url][/b][/font]

[font=Arial, Helvetica, sans-serif][b][url=http://help.longluntan.cn/#][color=#0000ff]style="cursor:crosshair"[/color][/url][/b][/font]

[font=Arial, Helvetica, sans-serif][b][url=http://help.longluntan.cn/#][color=#0000ff]style="cursor:text"[/color][/url][/b][/font]

[font=Arial, Helvetica, sans-serif][b][url=http://help.longluntan.cn/#][color=#0000ff]style="cursor:wait"[/color][/url][/b][/font]

[font=Arial, Helvetica, sans-serif][b][url=http://help.longluntan.cn/#][color=#0000ff]style="cursor:move"[/color][/url][/b][/font]

[font=Arial, Helvetica, sans-serif][b][url=http://help.longluntan.cn/#][color=#0000ff]style="cursor:help"[/color][/url][/b][/font]

[font=Arial, Helvetica, sans-serif][b][url=http://help.longluntan.cn/#][color=#0000ff]style="cursor:e-resize"[/color][/url][/b][/font]

[font=Arial, Helvetica, sans-serif][b][url=http://help.longluntan.cn/#][color=#0000ff]style="cursor:n-resize"[/color][/url][/b][/font]

[font=Arial, Helvetica, sans-serif][b][url=http://help.longluntan.cn/#][color=#0000ff]style="cursor:nw-resize"[/color][/url][/b][/font]

[font=Arial, Helvetica, sans-serif][b][url=http://help.longluntan.cn/#][color=#0000ff]style="cursor:w-resize"[/color][/url][/b][/font]

[font=Arial, Helvetica, sans-serif][b][url=http://help.longluntan.cn/#][color=#0000ff]style="cursor:s-resize"[/color][/url][/b][/font]

[font=Arial, Helvetica, sans-serif][b][url=http://help.longluntan.cn/#][color=#0000ff]style="cursor:se-resize"[/color][/url][/b][/font]

[font=Arial, Helvetica, sans-serif][b][url=http://help.longluntan.cn/#][color=#0000ff]style="cursor:sw-resize"[/color][/url][/b][/font]
-------------------------------------------------------------------------------------------------------------------------------------------------

其它示例:

1.具体代码:

代码:

[font=新宋体]
[table width="25%" border=0][tr][td style="COLOR: rgb(0,255,0); BACKGROUND-COLOR: rgb(0,128,0)" width="100%"][color=#00ff00]这里是上面代码的效果[/color][/td][/tr][/table][/font]
~
拉哥
拉哥
23级小不点学完体力技能
23级小不点学完体力技能

男
帖子数 : 555
年龄 : 37
地点 : 中国
性格 : 中外合并
排名奖 : css可以应用在 42
奖章 : css可以应用在 4
注册日期 : 08-02-15

查看你的名字
在本站健康指数::
css可以应用在 Left_bar_bleue999999999/99999999css可以应用在 Empty_bar_bleue  (999999999/99999999)

http://xggrw.24d24.com

返回页首 向下

css可以应用在 Empty 回复: css可以应用在

帖子 由 知你 周六 三月 15, 2008 5:40 am

Arrow
知你
知你
4级毛绒绒的小不点
4级毛绒绒的小不点

帖子数 : 35
家族 : 知你亽家族
注册日期 : 08-02-16

查看你的名字
在本站健康指数::
css可以应用在 Left_bar_bleue10000/10000css可以应用在 Empty_bar_bleue  (10000/10000)

返回页首 向下

返回页首


 
您在这个论坛的权限:
不能在这个论坛回复主题