css实现下拉菜单导航条效果代码
代码语言:html
所属分类:菜单导航
代码描述:css实现下拉菜单导航条效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/reset.min.css"> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <style> html { height:100%; background-color:#f8f8f8; } body { overflow:hidden; height:100%; width:980px; margin:0 auto; background-color:#ffffff; font-family:'Roboto',sans-serif; color:#555555; } a { text-decoration:none; color:inherit; } * { box-sizing:border-box; } .menu { display:block; position:relative; cursor:pointer; } .menu-title { display:block; width:150px; height:40px; padding:12px 0 0; background:#9dc852; text-align:center; color:#ffffff; font-weight:bold; text-transform:uppercase; transition:0.3s background-color; } .menu-title:before { content:""; .........完整代码请登录后点击上方下载按钮下载查看
网友评论0