css中url的路径问题?

html-css016

css中url的路径问题?,第1张

我想你应该是不太熟悉css中的相对路径和绝对路径:\x0d\x0a"."代表当前所在目录,相对路径。如:文本或;\x0d\x0a".."代表上一层目录,相对路径。如:文本或;\x0d\x0a"../../"代表的是上一层目录的上一层目录,相对路径。如:;\x0d\x0a"/"代表根目录,绝对路径。如:文本或;\x0d\x0a"D:/abc/"代表根目录,绝对路径。\x0d\x0a在使用相对路径时,我们用符号“.”来表示当前目录;用符号“..”来表示当前目录的父目录。\x0d\x0a所以,这里应该是background:url(../../images/bgs/backg.png)0-418pxrepeat-x

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>景安</title>

</head>

<body>

<a href="ssl.zzidc.com"><img src="images/a.jpg"></a>

</body>

</html>

在a标签里面嵌套一个img标签即可给图片添加链接

因操作平台不同路径中的斜杠不同,在windows中路径中是反斜杠'\',linux中用的是正斜杠'/'在网页设计中大多用'/',如果图片,网页平级,就是'./'点杠,上一级就是'../'点点杠。

background-image:只定义背景图片

可以用background:url(./images/a.gif) no-repeat top right

上面一种是复合定义,括号里是图片路径,后面是不平铺,背景位置是在右上角