团队作业(3)
![](https://img2023.cnblogs.com/blog/2913877/202303/2913877-20230329214558213-2098421575.png)
<template> <header class="header"> <!-- 头部的第一行 --> <div class="top"> <div class="container"> <div class="loginList"> <p>欢迎使用!</p> </div> <div class="typeList"> <p> <span>请</span> <a href="###">登录</a> <a href="###" class="register">免费注册</a> </p> </div> </div> </div> <!--头部第二行 搜索区域--> </header> </template> <script> export default {}; </script> <style lang="css"> .header > .top { background-color: #eaeaea; height: 50px; line-height: 50px; } .header > .top .container { width: 1200px; margin: 0 auto; overflow: hidden; } .header > .top .container .loginList { float: left; } .header > .top .container .loginList p { float: left; margin-right: 10px; } .header > .top .container .loginList p .register { border-left: 1px solid #b3aeae; padding: 0 5px; margin-left: 5px; } .header > .top .container .typeList { float: right; } .header > .top .container .typeList a { padding: 0 10px; } .header > .top .container .typeList a + a { border-left: 1px solid #b3aeae; } </style>