css可以应用在
2 posters
第1页/共1页
css可以应用在
- 代码:
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级小不点学完体力技能
-
帖子数 : 555
年龄 : 37
地点 : 中国
性格 : 中外合并
排名奖 :
奖章 :
注册日期 : 08-02-15
查看你的名字
在本站健康指数::
(999999999/99999999)
第1页/共1页
您在这个论坛的权限:
您不能在这个论坛回复主题
周四 十二月 09, 2010 9:27 pm 由 游客
» 对联 结婚对联 经典对联
周五 五月 07, 2010 9:01 pm 由 吸血公主
» 超酷FLASH图片特效代码(每个网站你都会看见有这个)
周五 四月 16, 2010 5:50 pm 由 游客
» 谁的话越多,谁的话就越没得分量
周二 四月 06, 2010 7:51 pm 由 familytree
» 经典骂人和感人结合的文章~(不看你后悔)
周五 一月 22, 2010 2:48 pm 由 游客
» 请大家帮忙具体修改!!!!!!!!!!谢谢!!!!急用!
周三 十月 15, 2008 12:27 pm 由 游客
» 请大家帮忙具体修改!!!!!!!!!!谢谢!!!!急用!
周三 十月 15, 2008 12:23 pm 由 游客
» 在线非主流图片制作
周五 十月 10, 2008 5:41 pm 由 游客
» 送给那些:我就想知道 什么是真相的 知己
周四 十月 09, 2008 3:37 pm 由 弱水路三千
» 免费天气预报代码,此代码很实用
周三 十月 08, 2008 4:08 pm 由 游客