TECH I.S. テックアイエスガイド エディター
mystyle.scss
mystyle.css
mypage.html
nav { ul { margin: 0; padding: 0; list-style: none; } li { display: inline-block; } a { display: block; padding: 6px 12px; text-decoration: none; } }
nav ul { margin: 0; padding: 0; list-style: none; } nav li { display: inline-block; } nav a { display: block; padding: 6px 12px; text-decoration: none; }
<!DOCTYPE html> <html> <link rel="stylesheet" href="mystyle.css"> <body> <nav> <ul> <li><a href="#">HTML</a></li> <li><a href="#">CSS</a></li> <li><a href="#">SASS</a></li> </ul> </nav> </body> </html>
Try It | Online Web Tutorials