- 1、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。。
- 2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 4、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 5、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 6、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 7、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
李炎恢html自用可打印之23-27
1. 内边距与外边距
Ul{
Margin:0;
Padding:0;
}
2. 使用图片作为列表图标
Ul{
Margin:0;
Padding:0;
Width:200px;
List-style-image:url(images/list.gif);
Line-height:150%;
}
3. 以背景图片作为项目列表图标
Ul{
List-style-type:none;
}
Li{
Background:url(images/list.gif)no-repeatleft center;
Padding:00025px;
}
4. 内联列表
Ul{
List-style-type:disc;
}
Li{
Display:inline;
}
这里的display属性是块级值的设置,定义是否要成为块.
Inline是是内联,block是区块.
5. 背景图片和内联列表
Ul{
List-style-type:none;
}
Li{
Display:inline;
Backgroundurl(images/list.gif)no-repeatleft center;
Margin:00010px;
Padding:00015px;
}
6.垂直导航栏
div
ul
liahref=#DrubjsMenu/a/li
liahref=#Beer/a/li
liahref=#Spirits/a/li
liahref=#Cola/a/li
liahref=#Lemonade/a/li
liahref=#Tea/a/li
liahref=#Coffee/a/li
/ul
/div
Ul{
List-style-type:none;
Margin:5px;
Padding:2px
Width:160px;
Font-size:12px;
}
Li{
Background:#ddd;
Margin:0;
Padding:2px10px;
Border-left:1pxsolid #fff;
Border-top:1pxsolid#fff;
Border-right:1pxsolid #666;
Border-bottom:1pxsolid #aaa;
}
7.创建垂直翻转的列表
ul{
margin:0;
padding:0;
list-style-type: none;
}
Ula{
Display:block;
Width:200px;
Height:40px;/*39px*/
Line-height:40px;/*39px*/
Color:#000;
Text-decoration:none;
Background:#94b8E9url(images/pixy-rollover.gif)no-repeatleft center;/*left bottom*/
Text-indent:50px;
}
a:hover{
background-position:rightbottom;
}
8.创建水平导航条
ul{
Margin:0;
Padding:02em;
List-style:none;
line-height: 2.1em;
Width:720px;
Background:#faa819url(images/mainNavBg.gif)repeat-x;
}
ulli {
float:left;
}
ula{
color:#fff;
padding:010px;
background:url(images/divider.gif)repeat-yleft top;
text-decoration: none;
}
第24章CSS构造超链接
1.给链接加上边框
A:link{
Color:#f00;
Text-decoration:none;
Border-bottom:1pxdashed#333;
Line-height:150%;
}
2.在文章段落中加上超级链接
A:link{
Color:#f00;
Text-decoration:none;
Border:1pxsolid#333;
Background:#ccc;
Padding:2px;
Line-height:150%;
}
3. 用背景图象添加记号
A:link{
Color:#f00;
Padding:015px00;
Background:url(images/arrow.gif)no-repeatrightcenter;
}
A:visited{
Color:#999;
Padding:015px00;
Background:url(images/checkmark.gif)no-repeatrightcenter;
}
4.利用派生来影响链接
Pa:li
文档评论(0)