美文网首页
list-style-type、完全导航样式、text-tran

list-style-type、完全导航样式、text-tran

作者: jlnbda3488375 | 来源:发表于2016-12-25 10:12 被阅读30次

list-style-type
可以清除列表最前面的无序/有序标识;

ul{
list-style-type:none;
margin:0;
padding:0;
}


完全导航样式

ul
{
list-style-type:none;
margin:0;
padding:0;
}
a:link,a:visited
{
display:block;
font-weight:bold;
color:#FFFFFF;
background-color:#98bf21;
width:120px;
text-align:center;
padding:4px;
text-decoration:none;
text-transform:uppercase;
}
a:hover,a:active
{
background-color:#7A991A;
}


text-transform:uppercase;


去掉字段修饰的样式,如链接的下划线等;

text-decoration:none;


完全样式的横向导航栏

li{
/text-align: center;/
/display: block;/
/width: 120px;/
float: left;
padding: 0px;
margin: 0px;
text-align: center;
}

a{
display: block;
width: 120px;
background-color: orange;
text-decoration: none;
}

相关文章

  • list-style-type、完全导航样式、text-tran

    list-style-type可以清除列表最前面的无序/有序标识; ul{list-style-type:none...

  • 列表和表格

    1.列表的样式 在 中添加样式,整个列表样式改变。在 中只变一项。 list-style-type:dis...

  • CSS其他属性

    一、列表属性 定义列表符号样式{list-style-type:disc|circle| square|none}...

  • CSS样式的高级应用

    列表 列表样式——list-style-type列表图像——list-style-image列表位置——list-...

  • CSS核心属性2---列表相关

    关于列表的css声明 1、定义列表符号样式: list-style-type:disc(实心圆)/circle(空...

  • 导航栏

    常用起名: nav 基本组件: ///的基本设置进行相应的导航栏 { list-style-type :none;...

  • 八,列表的样式

    列表的样式: list-style-type:设置列表项目的外观,属性值:none,disc,circle,squ...

  • 给列表项标记添加自定义图像

    要给列表项标记修改样式的话,list-style-image以及list-style-type是很好选择,前者可以...

  • 导航条设置

    设置导航条title 设置导航条title样式 设置导航条背景图片 导航条样式 下面记录几种导航条按钮的创建方法:...

  • html5 li标签设置列表图标

    前言 li标签在html中大多作为导航或信息列表的结构。其实li配合list-style-type和list-st...

网友评论

      本文标题:list-style-type、完全导航样式、text-tran

      本文链接:https://www.haomeiwen.com/subject/icvrvttx.html