css 初级问题

来源：百度知道 编辑：UC知道 时间：2024/05/21 11:57:40
本人菜鸟。前台做不来，请教下

<h3 >Simple Site</h3>
<ul >
<li>Home</li>
<li>About us</li>
<li>Contact Us</li>
<li>Sitemap</li>
</ul>
<p>page footer</p>

在这个简单的HTML中，用css实现第一行居中，第二行右对齐，第三行p标记那个也是右对齐，中间li部分要有背景图片的，也就是个基本导航吧- -css怎么写怎么调用

哇!问题虽然不长，可真多啊！！！
第一行居中，在CSS代码中定义：
h3 {align：center}
第二行为什么要右对齐？ 不过要实现效果，代码如下：
li { float：left；
display：block；
width：40px；
background-image：url(lalalalal.gif);
}
具体代码可以根据你自己的需要微调。
p右对齐就用align:right就行了。哈哈！

css调用的话，就在HTML文档中LINK一下CSS文件就行了。

希望对你有用！

上面这位仁兄说的很全哦

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
/*-------CSS代码开始---------*/