课程: Advanced Responsive Layouts with CSS Flexbox

今天就学习课程吧！

今天就开通帐号，24,700 门业界名师课程任您挑！

Creating a social media menu

Creating a social media menu - CSS教程

课程: Advanced Responsive Layouts with CSS Flexbox

开始一个月试用 购买团队方案

Creating a social media menu

“

- The last individual menu we'll look at is the social media menu. Here we're going to use the exact same technique as in the previous examples. Set the display property of the unordered list to flex and use justify content to position the menu items. So there's nothing new here from a Flexbox perspective. The reason I want to show you the social media menu before we move on to the mixed menus is the technique used to display the social media icons. Because as you can see in the Social Menu all we're seeing is the social media icons for each of the menu items. We're not seeing any text and the social media icons are being generated automatically. If we look at the HTML for this page you'll see that within each list item there is an anchor with an href that points at a social media network using the standard URL. Now we could of course append something to this and it would still work the same way it does now. But for simplicity's sake I've just put in the root URL to each of the…

内容