Skip to content

Instantly share code, notes, and snippets.

@CHUKK
Last active May 6, 2018
Embed
What would you like to do?
Yahoo Nav Bar
<nav style="width: 950px; margin: auto; margin: 50px auto;">
<table style="width: 100%; vertical-align: middle;">
<tr style="background: linear-gradient(8deg, #ff67bf, rgb(230, 162, 255));">
<td style="text-align: center; vertical-align: middle; box-shadow: 0 3px 1px #dddddd; width: 150px;">
<a href="カテゴリページリンク" style="display: block; font-weight: bold; color: white; text-decoration: none; padding: 1rem 0;">
カテゴリ-1</a>
</td>
<td style="text-align: center; vertical-align: middle; box-shadow: 0 3px 1px #dddddd; width: 150px;">
<a href="カテゴリページリンク" style=" display: block; font-weight: bold; color: white; text-decoration: none; padding: 1rem 0;">
カテゴリ-2</a>
</td>
<td style="text-align: center; vertical-align: middle; box-shadow: 0 3px 1px #dddddd; width: 150px;">
<a href="カテゴリページリンク" style=" display: block; font-weight: bold; color: white; text-decoration: none; padding: 1rem 0;">
カテゴリ-3</a>
</td>
<td style="text-align: center; vertical-align: middle; box-shadow: 0 3px 1px #dddddd; width: 150px;">
<a href="カテゴリページリンク" style=" display: block; font-weight: bold; color: white; text-decoration: none; padding: 1rem 0;">
カテゴリ-4</a>
</td>
<td style="text-align: center; vertical-align: middle; box-shadow: 0 3px 1px #dddddd; width: 150px;">
<a href="カテゴリページリンク" style=" display: block; font-weight: bold; color: white; text-decoration: none; padding: 1rem 0;">
カテゴリ-5</a>
</td>
<td style="text-align: center; vertical-align: middle; box-shadow: 0 3px 1px #dddddd; width: 150px;">
<a href="カテゴリページリンク" style=" display: block; font-weight: bold; color: white; text-decoration: none; padding: 1rem 0;">
カテゴリ-6</a>
</td>
</tr>
</table>
</nav>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment