attr

by rootjang

HTML

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
  <ul>
    <li><a>메인 메뉴 : </a></li>
    <li><a href="#">메뉴 1</a></li>
    <li><a href="#">메뉴 2</a></li>
    <li><a href="#">메뉴 3</a></li>
    <li><a href="#">메뉴 4</a></li>
  </ul>
</body>
</html>

CSS

a[href] {
  background: yellow;
}

ul {
  list-style: none;
}

li {
  width: 100%;
  display: inline;
  float: left;
  margin: 10px;
}

li a {
  padding: 5px 20px;
  font-size: 14px;
  color: blue;
  text-decoration: none;
}