css使用的几个技巧
[ 2004-09-16 05:22:46 | 作者: admin ]
如何定位显示网页的背景图 [ 日期:2004-03-28 ]
--------------------------------------------------------------------------------
第一步:拷贝下列代码到你的html文件的<head>和</head>之间:
<style>
<!--
BODY {
background-position:center right;
background-repeat:no-repeat;
}
-->
</style>
第二步:修改你的BODY语句为(灰色部分为背景图片的路径):
<body background="images/logo2.gif">
说明:
background-position是设置背景的位置,有两个参数,第一个用于定位前景的上下位置,可以是top、center和bottom,第二个用于定位前景的左右位置,可以是left、center和right,参数也可以是具体的值,如background-position:100px 200px。background-repeat是设置背景的表现方式,有repeat、no-repeat、repeat-x和repeat-y四种,repeat就是背景可以在x和y两个方向上重复平铺显示,no-repeat则是只显示一个背景,repeat-x和repeat-y分别是在x和y方向上重复平铺显示。
让字不能选择 [ 日期:2004-03-14 ]
--------------------------------------------------------------------------------
onselectstart="return false;"
Blog的好看回复表格 [ 日期:2004-03-08 ]
--------------------------------------------------------------------------------
<FIELDSET class=breakword
style="PADDING-RIGHT: 6px; PADDING-LEFT: 6px; PADDING-BOTTOM: 6px; WIDTH: 99%; PADDING-TOP: 6px"
align=center><LEGEND
style="PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; WIDTH: 200px; PADDING-TOP: 2px; BACKGROUND-COLOR: #efefef">这里是标题</LEGEND><IMG
style="BACKGROUND-COLOR: #ffffff" height=6 width=2 name=HideImage>这里加如字</FIELDSET>
自动分段 [ 日期:2004-03-07 ]
--------------------------------------------------------------------------------
style="table-layout:fixed;word-break:break-all"
这样就可以按照表格的宽给他自动换行了
好看的阴影文字 [ 日期:2004-03-07 ]
--------------------------------------------------------------------------------
.f {
color: #FFFFFF;
filter: DropShadow(Color=#974400, OffX=1, OffY=1);
font-size: 14px;
}
输入框无边框 [ 日期:2004-03-07 ]
--------------------------------------------------------------------------------
.input_login
{
border-right: #ffffff 0px solid; border-top: #ffffff 0px solid; font-size: 9pt;
border-left: #ffffff 0px solid; border-bottom: #ffffff 0px solid; height: 16px;
}
阴影文字 [ 日期:2004-03-07 ]
--------------------------------------------------------------------------------
width: 100%; font-size:9pt; font-family: Arial ; position: relative; filter: glow(color=#000000, strength=1)
--------------------------------------------------------------------------------
第一步:拷贝下列代码到你的html文件的<head>和</head>之间:
<style>
<!--
BODY {
background-position:center right;
background-repeat:no-repeat;
}
-->
</style>
第二步:修改你的BODY语句为(灰色部分为背景图片的路径):
<body background="images/logo2.gif">
说明:
background-position是设置背景的位置,有两个参数,第一个用于定位前景的上下位置,可以是top、center和bottom,第二个用于定位前景的左右位置,可以是left、center和right,参数也可以是具体的值,如background-position:100px 200px。background-repeat是设置背景的表现方式,有repeat、no-repeat、repeat-x和repeat-y四种,repeat就是背景可以在x和y两个方向上重复平铺显示,no-repeat则是只显示一个背景,repeat-x和repeat-y分别是在x和y方向上重复平铺显示。
让字不能选择 [ 日期:2004-03-14 ]
--------------------------------------------------------------------------------
onselectstart="return false;"
Blog的好看回复表格 [ 日期:2004-03-08 ]
--------------------------------------------------------------------------------
<FIELDSET class=breakword
style="PADDING-RIGHT: 6px; PADDING-LEFT: 6px; PADDING-BOTTOM: 6px; WIDTH: 99%; PADDING-TOP: 6px"
align=center><LEGEND
style="PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; WIDTH: 200px; PADDING-TOP: 2px; BACKGROUND-COLOR: #efefef">这里是标题</LEGEND><IMG
style="BACKGROUND-COLOR: #ffffff" height=6 width=2 name=HideImage>这里加如字</FIELDSET>
自动分段 [ 日期:2004-03-07 ]
--------------------------------------------------------------------------------
style="table-layout:fixed;word-break:break-all"
这样就可以按照表格的宽给他自动换行了
好看的阴影文字 [ 日期:2004-03-07 ]
--------------------------------------------------------------------------------
.f {
color: #FFFFFF;
filter: DropShadow(Color=#974400, OffX=1, OffY=1);
font-size: 14px;
}
输入框无边框 [ 日期:2004-03-07 ]
--------------------------------------------------------------------------------
.input_login
{
border-right: #ffffff 0px solid; border-top: #ffffff 0px solid; font-size: 9pt;
border-left: #ffffff 0px solid; border-bottom: #ffffff 0px solid; height: 16px;
}
阴影文字 [ 日期:2004-03-07 ]
--------------------------------------------------------------------------------
width: 100%; font-size:9pt; font-family: Arial ; position: relative; filter: glow(color=#000000, strength=1)
评论Feed: http://blog.xg98.com/feed.asp?q=comment&id=20
这篇日志没有评论。
此日志不可发表评论。