HTML5一个菜单居中的代码

最新推荐文章于 2024-06-18 19:41:46 发布

Ada168855

最新推荐文章于 2024-06-18 19:41:46 发布

阅读量3.2k

点赞数

分类专栏： HTML5知识总结文章标签： html5 html css

本文链接：https://blog.csdn.net/Ada168855/article/details/24299661

版权

该博客展示了如何使用HTML5和CSS创建一个居中显示的菜单。通过HTML结构和CSS样式，菜单项被设置为浮动并居中对齐。博客还引入了jQuery UI库来实现选项卡功能，允许用户在不同的内容区域（如新闻、计算器和论坛）之间切换。

摘要由CSDN通过智能技术生成

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Tabs - Default functionality</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<script>
$(function() {
$( "#tabs" ).tabs();
});
</script>
<style type="text/css">
div{
text-align: center;
}
#tabid{margin: 0; padding: 0; list-style: none; display: inline-block;}