在HTML的学习中,读者了解了部分列表元素的知识,其结构为ul标签(无序列表)包含多个li标签所组成。在传统的HTML页面制作中,列表元素使用并不多,而在CSS的帮助下,列表元素变得空前强大,甚至用于小区域布局。
列表元素的li是块状元素,所以有宽度和高度设置,并且可以通过浮动属性的设置使多个li元素并排。这种结构非常适合于网页的导航条布局。由于在页面布局时列表元素不需要编号,所以列表元素更多使用ul标签。在D:\web\目录下创建网页文件(XHTML1.0),命名为nav_ul.htm,编写nav_ul.htm文件代码如代码11.14所示。
代码 [阅读全文] [PDF]
看到上面的导航条了吗?你可以点击一下看看它的效果,请注意,这可是用表格做出来的,你相信吗?其实代码很简单,现在让我们来看看该怎么做。 1.首先创建一个1x6的表格,参数为:border=0 cellspacing=3 cellpadding=0; 2.在这个表格的每个单元格内分别插入一个表格,宽度和高度设为100%; 3.建立一个CSS样式.up和.down;代码如下: <style>.up{border:4 outset royalblue;color:yellow;background:blue;cursor:hand}.down{b [阅读全文] [PDF]
1 共2条 分1页
- flexsdk:使用 Flex SDK 实现一个 Facebook 相册
- silverlight:[Silverlight] 有关线程调用的扩展思路方法
- silverlight播放器:Silverlight专题(15) - 你自己的视频播放器的自定义MoveToPointSlider
- silverlight:Silverlight专题(14) - 基于Silverlight的Live Search图片搜索
- actionscript3.0:ActionScript 3.0 Step By Step系列文章
- actionscript3.0:ActionScript 3.0 Step By Step系列(一):工欲其善 先利其器(Flex Builder)
- actionscript3.0:ActionScript 3.0 Step By Step系列( 2):建立扎实的ActionScript 3.0语法基础
- actionscript:ActionScript 3.0 Step By Step系列( 3):学学流程控制 编编if-else & switch & while & for
- actionscript3.0:ActionScript 3.0 Step By Step系列( 4):来自面向对象开发的前的呐喊: 学会写可重用的代码
- actionscript3.0:ActionScript 3.0 Step By Step系列( 5):走在面向对象开发的路上 以类为基础去研究编程问题
- actionscript3.0:ActionScript 3.0 Step By Step系列( 6):学对象事件模型 从点击按扭开始
- actionscript3.0:ActionScript 3.0 Step By Step系列( 7):使用XML和XMLList类处理XML数据
- actionscript3.0:ActionScript 3.0 Step By Step系列( 8):动态的数据展现源于灵活的数据绑定
- actionscript3.0:ActionScript 3.0 Step By Step系列( 9):使用样式(style)和皮肤(Skin)两大画笔为应用程序界面画妆
- flex自定义组件:使用FLEX进行多文件上传和自定义上传信息
- flash图表:Flash图表(FusionChartsV3)的简单应用
- richtexteditor:Flex中如何控制鼠标移出RichTextEditor编辑范围外的时候隐藏其工具栏的例子
- flex自定义控件:Flex中如何利用textFieldStyleName样式自定义ColorPickerControl控件内文本风格的例子
- flex样式:Flex中如何利用swatchGridBackgroundColor样式设置ColorPicker的样本颜色网格背景颜色的例子
- colorpicker:Flex中如何利用swatchHighlightSize样式设置ColorPickerControl控件加亮边框粗细尺寸的例子