广告广告
  加入我的最爱 设为首页 风格修改
首页 首尾
 手机版   订阅   地图  繁体 
您是第 5581 个阅读者
 
发表文章 发表投票 回覆文章
  可列印版   加为IE收藏   收藏主题   上一主题 | 下一主题   
亲爱的 手机 会员卡
个人头像
个人文章 个人相簿 个人日记 个人地图
发文大师奖 特殊贡献奖 创作大师奖 社区建设奖
头衔:活着就是希望活着就是希望
版主
级别: 版主 该用户目前不上站
推文 x563 鲜花 x3743
分享: 转寄此文章 Facebook Plurk Twitter 复制连结到剪贴簿 转换为繁体 转换为简体 载入图片
推文 x0
[JScript][教学] CSS固定背景上下左右中间
因为论坛的缘故~所以在分享后有些代码后会出现一些字体~
如果直接复制贴上是无法显示的~
所以~~.
在试用下列的语法请把=跟CSS后面的斜线删除掉就可以了

复制程式
中间
<STYLE type="text/css">
<!--
BODY{
background-image:url(□□□.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-position : center center;}
-->
</STYLE> 
右下

<STYLE type="text/css">
<!--
BODY{
background-image:url(□□□.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:right bottom;}
-->
</STYLE>
右上
<STYLE type="text/css">
<!--
BODY{
background-image:url(□□□.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:right top;}
-->
</STYLE>
左上
<STYLE type="text/css">
<!--
BODY{
background-image:url(□□□.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:left top;}
-->
</STYLE>
左下
<STYLE type="text/css">
<!--
BODY{
background-image:url(□□□.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:left bottom;}
-->
</STYLE>
左
<STYLE type="text/css">
<!--
BODY{
background-image:url(□□□.jpg);
background-repeat:repeat-y;
background-attachment:fixed;
background-position:left center;}
-->
</STYLE>
右
<STYLE type="text/css">
<!--
BODY{
background-image:url(□□□.jpg);
background-repeat:repeat-y;
background-attachment:fixed;
background-position:right center;}
-->
</STYLE>
上
<STYLE type="text/css">
<!--
BODY{
background-image:url(□□□.jpg);
background-repeat:repeat-x;
background-attachment:fixed;
background-position:center top;}
-->
</STYLE>
下
<STYLE type="text/css">
<!--
BODY{
background-image:url(□□□.jpg);
background-repeat:repeat-x;
background-attachment:fixed;
background-position:center bottom;}
-->
</STYLE>



不以风骚惊天下,而以淫荡动世人...

献花 x0 回到顶端 [楼 主] From:台湾数位联合 | Posted:2005-01-27 23:46 |
EricGo 手机
数位造型
个人文章 个人相簿 个人日记 个人地图
小人物
级别: 小人物 该用户目前不上站
推文 x0 鲜花 x7
分享: 转寄此文章 Facebook Plurk Twitter 复制连结到剪贴簿 转换为繁体 转换为简体 载入图片

可以写在一起啦~复制程式
body { background: url(......) no-repeat fixed top left; }
可以到W3 Schools看看……。
另外,在Windows环境下用TopStyle来写CSS很方便,Lite版可以免费下载使用。


献花 x0 回到顶端 [1 楼] From:台湾中华电信 | Posted:2005-01-28 09:00 |

首页  发表文章 发表投票 回覆文章
Powered by PHPWind v1.3.6
Copyright © 2003-04 PHPWind
Processed in 0.020498 second(s),query:16 Gzip disabled
本站由 瀛睿律师事务所 担任常年法律顾问 | 免责声明 | 本网站已依台湾网站内容分级规定处理 | 连络我们 | 访客留言