首页 > 解决方案 > HTML5 多链接

问题描述

我正在参加网站设计入门课程,但我遇到了一个特定问题。我将在我所做的页面底部创建一个多链接,但是,我不知道如何制作它,以便页面不会链接回自身。我们应该让它看起来像这样:在此处输入图像描述

这是我想出的代码: 在此处输入图像描述

当我将其中一个链接设为“#”时,它仍然是一个链接。那么如何使其斜体而不是导航块中的链接?

标签: htmlcss

解决方案


要使文本变为斜体,您可以<i> </i>在其周围添加标签,例如

<i>Hello</i> 

这将显示为Hello

替代方案,您可以添加font-style:italic;为 css(推荐)或内联样式,如

style="font-style:italic;"

要使链接无处可去,只需#在通常放置页面名称的位置使用主题标签,例如

 <a href = "#" style="font-style:italic; text-decoration:none;">MyPage</a>

添加text-decoration:none;去掉默认链接下划线

希望这可以帮助


推荐阅读