您的位置:首页 > Web前端 > CSS

精通 CSS+DIV 网页样式与布局 83

2016-12-08 20:17 459 查看
</div>

</body>

</html>

<html>

<head>

<title> 菜单的横竖转换 </title>

<style>

<!–

body{

background-color:#ffdee0;

}

navigation {

font-family:Arial;

}

navigation ul {

list-style-type:none; /* 不显示项目符号 */

margin:0px;

padding:0px;

}

navigation li {

float:left; /* 水平显示各个项目 */

}

navigation li a{

display:block; /* 区块显示 */

padding:3px 6px 3px 6px;

text-decoration:none;

border:1px solid #711515;

margin:2px;

}

navigation li a:link, #navigation li a:visited{

background-color:#c11136;

color:#FFFFFF;

}

navigation li a:hover{ /* 鼠标经过时 */

background-color:#990020; /* 改变背景色 */

color:#ffff00; /* 改变文字颜色 */

}

–>

</style>

</head>

<body>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  css