实例
CSS样式借助官方的style.css 跟layui.css俩样式
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <title>狗子的博客</title> <link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/layui.css"> </head> <body class="site-home" id="LAY_home"> <header> <div class="layui-header header header-index"> <div class="layui-col-md3 php-logo"> <a href="/" target="_self" class="hide-text"></a> </div> <ul class="layui-nav php-nav" style="float: top"> <li class="layui-nav-item "> <a href="https://www.baidu.com" target="php">百度</a> </li><li class="layui-nav-item "> <a href="http://www.163.com" title="163" target="php">163</a> </li> <li class="layui-nav-item "> <a href="https://tieba.baidu.com/" title="贴吧" target="php">贴吧</a> </li> <li class="layui-nav-item "> <a href="https://www.suning.com/" title="苏宁" target="php">苏宁</a> </li> </ul> </header> <footer> <span> <iframe src="" frameborder="0" name="php" width="100%" height="900"> </iframe> </span> </footer> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例