CSS练习 - - ITeye博客

`

gsdhaiji_cai

浏览: 197436 次
性别:
来自: 厦门

最近访客更多访客>>

八月精灵

a2570

hhhhkkkk

xboy1661

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

hjrichcs： controller-servlet.xml 这里面的配置没写 ...
Spring mvc+hibernate框架搭建
随风柳絮：很实用，谢谢！
checkstyle使用介绍
abc382410124：直接复制可以用，谢了
checkstyle使用介绍
gsdhaiji_cai： t8500071 写道博主，您好，我是openfire382， ...
openfire日志和一个账号多处登录
t8500071：博主，您好，我是openfire382，我将xmpp.sess ...
openfire日志和一个账号多处登录

CSS练习

博客分类：

css

阅读更多

1、导航栏（横向）

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>title</title>
     <style>
		
		#div_nav {
			margin:auto;
			width:80%;
			border:2px solid #bbbbbb;
		}
		#nav {
			border:2px solid #bbbbbb;
		   margin:auto;
		  display:block;
		}
		
	   #nav li {
	       float:left;
		   list-style:none;
	 
	   }
	   
	    #nav li a {
	       width:97px;
		   height:22px;
		   display:block;
		   text-align:center;
		   text-decoration:none;
		  
	
	   }
	   
	    #nav li a:hover {
	       background-color:#bbbbbb;
		   color:#ffffff;
	   }
	   
	   
	 </style>
  </head>
  <body>
	<div id="div_nav">
		<ul id="nav">
			<li><a href="">首页</a></li>
			<li><a href="">文章</a></li>
			<li><a href="">参考</a></li>
			<li><a href="">博客</a></li>
			<li><a href="">论坛</a></li>
		</ul>
	</div>
	
    <script>
    
    </script>
  </body>
</html>

分享到：

java 内存溢出（方法区溢出） | js脚本积累（转）

2012-07-19 17:25
浏览 1217
评论(0)
分类:Web前端
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

css练习示例.rar: 这个“css练习示例.rar”压缩包包含了一系列的CSS练习文件，旨在帮助学习者掌握并提升CSS技能。通过分析压缩包内的文件，我们可以探讨几个重要的CSS知识点。首先，我们看到有三个CSS文件：css练习1.css、css练习2....

pc端css练习: 在PC端进行CSS练习，主要目的是掌握网页布局技术，这是前端开发中的核心技能之一。CSS，全称为Cascading Style Sheets，是用于描述HTML或XML（包括如SVG、MathML等各种XML方言）文档样式的样式表语言。在这个“pc端...

css练习_css_: 这个名为“css练习”的项目文件正提供了这样一个平台，帮助你提升CSS技能并节省开发时间。在“css练习.css”中，我们可以预见到一系列的CSS规则和选择器，它们定义了元素的样式，如颜色、字体、布局、动画和响应式...

html+css练习三个简单页面.zip: 在这个"html+css练习三个简单页面.zip"压缩包中，包含了使用这两门技术编写的三个示例页面。接下来，我们将深入探讨HTML和CSS在构建网页时的关键作用以及它们如何协同工作。 HTML是网页内容的结构框架，它定义了...

html/css练习作业摇晃的桃子: 在本项目"html/css练习作业摇晃的桃子"中，我们可以看到这是一个关于HTML和CSS基础练习的大学作业。HTML（HyperText Markup Language）是网页内容的结构标准，而CSS（Cascading Style Sheets）则负责定义这些内容的...

CSS练习作业（3.10）: 在本“CSS练习作业（3.10）”中，我们将深入探讨CSS（层叠样式表）这一关键的网页设计技术。CSS是用于控制网页元素外观和布局的样式语言，它使得网页设计更加灵活和富有表现力。在这个作业中，我们将专注于通过CSS...

【HTML+CSS练习二】学成在线首页: 【HTML+CSS练习二】学成在线首页是一个学习HTML和CSS基础的实践项目，旨在帮助初学者通过实际操作理解这两种语言的基本用法。这个练习包含了HTML结构和CSS样式设计，以及部分图片素材的使用，使得页面看起来更加生动...

html+css练习案例: html+css练习案例

div css练习div css练习div css练习div css练习: 本练习旨在通过使用div元素结合CSS来提升对页面布局和样式的理解与应用能力。首先，`div`元素在HTML中是一个通用的容器，它可以包含其他HTML元素，常用于组织和划分页面结构。通过设置div的样式，我们可以控制其在...

css练习一到七章，代码加网页图片: css练习一到七章，代码加网页图片

mydome Css练习: 在这个名为“mydome Css练习”的项目中，我们可以推测作者正在通过实践来提升其CSS技能。CSS在网页设计中扮演着至关重要的角色，它能够使内容呈现得更加美观且易于阅读，同时也可以实现丰富的交互效果。下面，我们将...

html css 练习素材: 3. 结构与样式关联：练习可能包括了如何通过`<link>`标签将CSS文件链接到HTML文件，或者如何在HTML文件中使用`<style>`标签内联样式，以此理解HTML和CSS之间的关联。 4. 响应式设计：可能包含有关如何使用媒体查询...

CSS+DIV练习题: CSS+DIV 练习题本资源是一份详细的CSS+DIV 练习题目录，涵盖了选择题、填空题、简答题、案例分析题和设计题等多种题型，涉及到CSS的基本概念、选择器、CSS盒模型、布局、字体样式、背景样式、列表样式、表格样式、...

静态网页 html/css 练习素材: 7月17日个人案例练习。素材、教程等来自b站：https://www.bilibili.com/video/BV14J4114768?share_source=copy_web&vd_source=243f64660b5d6b4b957716cf240fdffd

CSS项目练习: 在“CSS练习”中，你将有机会实践以上提到的所有概念，通过创建和修改样式，解决实际问题。这将帮助你加深对CSS的理解，提高你的前端开发能力。通过不断练习，你将能够自如地使用CSS构建出美观、响应式的网页，从而...

老裴帮助关于CSS的小练习: 在压缩包文件名称 "CssFrame.jsp" 中，".jsp" 是JavaServer Pages的扩展名，这表明可能有一个基于Java的Web应用程序用于展示或交互这个CSS练习。JSP可以结合HTML、CSS和Java代码，创建动态网页。在本例中，"CssFrame...

css3 操作练习: 这个“css3 操作练习”显然是一份旨在帮助学习者熟悉和掌握CSS3新特性的实践资料，通过名为“weapp-douban-film”的项目，很可能是模拟微信小程序中的豆瓣电影展示功能。接下来，我们将深入探讨CSS3的一些关键知识点...

css练习答案: css练习答案，帮助你找到自己的不足之处，补充知识，赢下面试！

html-css练习网页.zip: 基于html+css+js进行网页设计课程设计毕业设计供参考源码+说明基于html+css+js进行网页设计课程设计毕业设计供参考源码+说明基于html+css+js进行网页设计课程设计毕业设计供参考源码+说明基于...

html和css的一些练习: 在这个名为"html和css的一些练习"的压缩包中，可能包含了一些用于学习和实践这两门语言的示例文件，如`test1`。 HTML是用于创建网页结构的语言，它定义了页面上的各个元素，如标题、段落、链接、图像等。HTML标签是...

Global site tag (gtag.js) - Google Analytics