新浪导航栏案例,常见也很简单的前端小案例。
显示效果:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>新浪导航栏练习</title>
<style>
.nav {
height: 50px;
border-top: 3px solid #ff8500; /* 盒子上边框 */
border-bottom: 1px solid #edeef0; /* 盒子下边框 */
}
.nav a {
height: