首页
网页制作
网络编程
脚本专栏
数据库
网站运营
网络安全
平面设计
CMS教程
搜索
建站极客
网络编程
CSS/HTML
正文
CSS 实用实例(推荐)
所属分类：
网络编程
/
CSS/HTML
阅读数： 1615
收藏 0
赞 0
分享
Background 背景 设置背景颜色
<html> <head> </head> <body> <h1>This is header 1</h1> <h2>This is header 2</h2> <p>This is a paragraph</p> </body> </html>
[Ctrl+A 全选 注:
引入外部Js需再刷新一下页面才能执行
]
设置一张图片做为背景
<html> <head> </head> <body> </body> </html>
[Ctrl+A 全选 注:
引入外部Js需再刷新一下页面才能执行
]
垂直重复背景图片
<html> <head> </head> <body> </body> </html>
[Ctrl+A 全选 注:
引入外部Js需再刷新一下页面才能执行
]
水平重复背景图片
<html> <head> </head> <body> </body> </html>
[Ctrl+A 全选 注:
引入外部Js需再刷新一下页面才能执行
]
怎样放置背景图片（位置摆放）
<html> <head> </head> <body> </body> </html>
[Ctrl+A 全选 注:
引入外部Js需再刷新一下页面才能执行
]
背景不滚动
<html> <head> </head> <body> <p>The image will not scroll with the rest of the page</p> <p>The image will not scroll with the rest of the page</p> <p>The image will not scroll with the rest of the page</p> <p>The image will not scroll with the rest of the page</p> <p>The image will not scroll with the rest of the page</p> <p>The image will not scroll with the rest of the page</p> <p>The image will not scroll with the rest of the page</p> <p>The image will not scroll with the rest of the page</p> <p>The image will not scroll with the rest of the page</p> <p>The image will not scroll with the rest of the page</p> <p>The image will not scroll with the rest of the page</p> <p>The image will not scroll with the rest of the page</p> <p>The image will not scroll with the rest of the page</p> <p>The image will not scroll with the rest of the page</p> <p>The image will not scroll with the rest of the page</p> <p>The image will not scroll with the rest of the page</p> <p>The image will not scroll with the rest of the page</p> <p>The image will not scroll with the rest of the page</p> <p>The image will not scroll with the rest of the page</p> <p>The image will not scroll with the rest of the page</p> <p>The image will not scroll with the rest of the page</p> <p>The image will not scroll with the rest of the page</p> <p>The image will not scroll with the rest of the page</p> <p>The image will not scroll with the rest of the page</p> </body> </html>
[Ctrl+A 全选 注:
引入外部Js需再刷新一下页面才能执行
]
背景属性一行解决（用一行文字定义背景属性）
<html> <head> </head> <body> <p>This is some text</p> <p>This is some text</p> <p>This is some text</p> <p>This is some text</p> <p>This is some text</p> <p>This is some text</p> <p>This is some text</p> <p>This is some text</p> <p>This is some text</p> <p>This is some text</p> <p>This is some text</p> <p>This is some text</p> <p>This is some text</p> <p>This is some text</p> <p>This is some text</p> <p>This is some text</p> <p>This is some text</p> <p>This is some text</p> <p>This is some text</p> <p>This is some text</p> <p>This is some text</p> <p>This is some text</p> <p>This is some text</p> <p>This is some text</p> </body> </html>
[Ctrl+A 全选 注:
引入外部Js需再刷新一下页面才能执行
]
更多精彩内容
其他人还在看
input文本框样式代码实例
input文本框样式代码实例
评论 0
收藏 0
赞 0
分享
div+css实现自适应宽度按钮
div+css实现自适应宽度按钮
评论 0
收藏 0
赞 0
分享
h1标签的使用技巧
h1标签的使用技巧
评论 0
收藏 0
赞 0
分享
base href 使用方法详解
base href 使用方法详解
评论 0
收藏 0
赞 0
分享
html label标签的使用教程
html label标签的使用教程
评论 0
收藏 0
赞 0
分享
使用CSS不用程序实现文字自动截断 用省略号代替
使用CSS不用程序实现文字自动截断 用省略号代替
评论 0
收藏 0
赞 0
分享
CSS hack实现 CSS完美兼容IE6/IE7/FF的通用方法
CSS hack实现 CSS完美兼容IE6/IE7/FF的通用方法
评论 0
收藏 0
赞 0
分享
网页布局+纯CSS纵向下拉菜单 IE6/IE7兼容
网页布局+纯CSS纵向下拉菜单 IE6/IE7兼容
评论 0
收藏 0
赞 0
分享
CSS图片拼合生成器只需上传zip包即可
CSS图片拼合生成器只需上传zip包即可
评论 0
收藏 0
赞 0
分享
用iframe margin实现调用其他网页的某一区域的方法
用iframe margin实现调用其他网页的某一区域的方法
评论 0
收藏 0
赞 0
分享
查看更多
网络赚钱
更多
90后网络爆红美女卖"毒面膜" 年收入超七位数
网上赚钱怎么赚钱？网上兼职的方法有哪些
朋友圈被一条人贩消息刷屏：竟然是营销?
2021年后通过网络、自媒体赚钱的几种方法
个人建站赚钱方法有哪些?5种常见方法汇总
冲刺双十一 如何做好淘宝双11期间的推广及运营
站长故事
更多
美团副总裁杨俊：做O2O的4个关键节点 会高效率地花钱
阿里IPO在即，看阿里与京东战略和经营之比
作为站长的你是否已有危机感：你被盯上了
一个日IP2000的网站，我赚了20万
求伯君：如果时光倒流我不会选择创业
网站SEO反面案例 7万RMB建设的企业网站哪里出了问题?
