CSS教程(3):通过实例学习CSS背景

内幕帝

内幕帝

2016-02-19 23:56

今天图老师小编给大家精心推荐个CSS教程(3):通过实例学习CSS背景教程,一起来看看过程究竟如何进行吧!喜欢还请点个赞哦~

本教程一共三个例子:1、如何重复背景图像;2、如何在垂直方向重复背景图像;3、如何在水平方向重复背景图像。

参考网页教学网关于CSS背景的理论知识:。

1、如何重复背景图像

本例演示如何重复背景图像。

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

html
head
style type="text/css"
body
{
background-image:
url(/i/eg_bg_03.gif);
background-repeat: repeat
}
/style
/head
body
/body
/html

2、如何在垂直方向重复背景图像

本例演示如何垂直地重复背景图像。加此信息网页教学网(webjx.com)发布目的是为了防止你变懒!webjx.com不主张采集!

html
head
style type="text/css"
body
{
background-image:
url(/i/eg_bg_03.gif);
background-repeat: repeat-y
}
/style
/head
body
/body
/html

3、如何在水平方向重复背景图像。

本例演示如何水平地重复背景图像。

html
head
style type="text/css"
body
{
background-image:
url(/i/eg_bg_03.gif);
background-repeat: repeat-x
}
/style
/head
body
/body
/html

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)
展开更多 50%)
分享

猜你喜欢

CSS教程(3):通过实例学习CSS背景

Web开发
CSS教程(3):通过实例学习CSS背景

CSS教程(5):通过实例学习CSS背景

Web开发
CSS教程(5):通过实例学习CSS背景

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

CSS教程(2):通过实例学习CSS背景

Web开发
CSS教程(2):通过实例学习CSS背景

CSS教程(4):通过实例学习CSS背景

Web开发
CSS教程(4):通过实例学习CSS背景

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

CSS教程:通过实例学习CSS布局网页

Web开发
CSS教程:通过实例学习CSS布局网页

CSS教程:通过实例学习和理解CSS盒模型

Web开发
CSS教程:通过实例学习和理解CSS盒模型

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

CSS教程:制作对用户友好的站内搜索表单

CSS教程:制作对用户友好的站内搜索表单

删除系统中的exe后缀的文件夹病毒

删除系统中的exe后缀的文件夹病毒
下拉加载更多内容 ↓