荔园在线
荔园之美,在春之萌芽,在夏之绽放,在秋之收获,在冬之沉淀
[回到开始]
[上一篇][下一篇]
发信人: tang (独孤九剑〖重拾玄铁重剑〗), 信区: Program
标 题: Image--Style Property Reference
发信站: BBS 荔园晨风站 (Wed Nov 25 19:06:19 1998), 站内信件
--------------------------------------------------------------------------------
IMAGE
Style Property Reference v1.0
--------------------------------------------------------------------------------
Background Image
Background of an element
(i.e. the surface onto which the content (e.g. text) is rendered)
Sample background image (back.gif) --->
{background: URL(#) } #=image-url
<DIV SIZE=5 STYLE="background: URL(back.gif)">
Today is fine.
Long before the advent of TV weather forecasters,
people used tabletop glasses like a spherical flask
to predict upcoming changes in weather.
</DIV>
Today is fine.
Long before the advent of TV weather forecasters,
people used tabletop glasses like a spherical flask
to predict upcoming changes in weather.
Background Repeat
{background: URL(image-url) # }
#=repeat, no-repeat, repeat-x, repeat-y
<TABLE WIDTH=200 HEIGHT=100 BORDER
STYLE="background: URL(back.gif) repeat">
<TR><TD>
Today is fine.
</TABLE>
Today is fine.
<TABLE WIDTH=200 HEIGHT=100 BORDER
STYLE="background: URL(back.gif) no-repeat">
....
Today is fine.
<TABLE WIDTH=200 HEIGHT=100 BORDER
STYLE="background: URL(back.gif) repeat-x">
....
Today is fine.
Tommorow will be fine.
<TABLE WIDTH=200 HEIGHT=100 BORDER
STYLE="background: URL(back.gif) repeat-y">
....
Today is fine.
Background Scroll
{background: URL(image-url) # }
#=fixed, scroll
This is same as <background src=url fixed>
<BODY STYLE="background: URL(back.gif) fixed">
....
Background Position
{background: URL(image-url) #1 #2}
#1=%, left, center, right
#2=%, top, middle, bottom
<TABLE WIDTH=200 HEIGHT=100 BORDER
STYLE="background: URL(back.gif) no-repeat 50% 50%">
<TR><TD>
Today is fine.
</TABLE>
Today is fine.
<TABLE WIDTH=200 HEIGHT=100 BORDER
STYLE="background: URL(back.gif) no-repeat left bottom">
...
Today is fine.
<TABLE WIDTH=200 HEIGHT=100 BORDER
STYLE="background: URL(back.gif) no-repeat center middle">
...
Today is fine.
<TABLE WIDTH=200 HEIGHT=100 BORDER
STYLE="background: URL(back.gif) no-repeat right top">
...
Today is fine.
--------------------------------------------------------------------------------
Font || Text || Color || Image
Style Property Reference
Style Sheet Guide
HTML Design Guide Main Page
Network Communication Design
http://ncdesign.kyushu-id.ac.jp/
C&P 1994-1996 Yuriko Ienaga v91102@vgenda.kyushu-id.ac.jp
--
there are these few times I feel lonely for you
but I know this shade of blue will soon pass through
I must be strong without you by my side
I can see forever you are my light
※ 来源:.BBS 荔园晨风站 bbs.szu.edu.cn.[FROM: 192.168.0.4]
[回到开始]
[上一篇][下一篇]
荔园在线首页 友情链接:深圳大学 深大招生 荔园晨风BBS S-Term软件 网络书店