会员可以在此提问,百战程序员老师有问必答
对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题,会帮你学得更全面
截止目前,同学们一共提了 132413个问题
Python 全系列/第二阶段:Python 深入与提高/GUI编程(隐藏) 8461楼
大数据全系列/第二阶段:大型网站高并发处理/大型网站高并发处理 8462楼

老师我这是跟视频里一样的代码 但是搜索那个按钮就是没有被装饰 不知道问题到底出在哪 麻烦你看一下 我浏览器的google

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <link rel="stylesheet" type="text/css" href="css/reset.css" />
        <link rel="stylesheet" type="text/css" href="icon/iconfont.css"/>
    </head>
    
    <style>
                .nav{
            height: 30px;
            background-color: #f1f1f1;
        }
        
        .wrap{
            width: 1000px;
            margin: 0px auto;
        }
        
        .nav_l1{
            float: left;
        }
        
        .nav_l2{
            float: right;
        }
        
        .nav_l1 li{
            float: left;
            margin-left: 20px;
            line-height: 30px;
        }
        
        .nav_l2 li{
            float: left;
            line-height: 30px;
        }
        .nav_l1 a, .nav_l2 a, .nav_l2 span{
            font-size: 12px;
            margin-left: 10px;
            color: gray;
        }
        
        .nav a:hover{
            color: red;
        }
        
        
        /* 搜索栏开始*/
        .serch{
            margin-top: 20px;
        }
        
        .serch img{
            clear: both;
            float: left;
        }
        
        .serch_div{
            float: right;
            margin-top: 20px;
        }
        
        .serch_txt{
            width: 265px;
            height: 21px;
        }
        
        .serch_but: {
            width: 80px;
            height: 26px;
            background-color: #c91623;
            border: 0px;
            color: #FFFFFF;
        }

    </style>
    <body>
        <!--导航开始-->
        <div class="nav">
            <div class="wrap">
                <ul class="nav_l1">
                    <li><a href=""><i class="iconfont">&#xe6d3;</i>京东首页</a></li>
                    <li><a href="">配送到: 北京</a></li>
                </ul>
                
                <ul class="nav_l2">
                    <li><a href="">洋洋宝贝</a><span>|</span></li>
                    <li><a href="">我的订单</a><span>|</span></li>
                    <li><a href="">我的京东</a><span>|</span></li>
                    <li><a href="">京东会员</a><span>|</span></li>
                    <li><a href="">企业采购</a><span>|</span></li>
                    <li><a href="">京东手机</a><span>|</span></li>
                    <li><a href="">关注京东</a><span>|</span></li>
                    <li><a href="">客户服务</a><span>|</span></li>
                    <li><a href="">网站导航</a></li>
                </ul>
            </div>
        </div>
        <!--导航结束-->
        
        <!--搜索栏开始-->
        <div class="serch wrap">
            <img src="img/logo.jpg" />
            
            <div class="serch_div">
                <input class="serch_txt" type="text" />
                <input class="serch_but" type="button" value="搜索" />
            </div>
        
            
        </div>
        <!--搜索栏结束-->
    </body>
</html>

图片.png

Python 全系列/第七阶段:网页编程基础/CSS 样式 8463楼
JAVA 全系列/第三阶段:数据库编程/MySQL数据库的使用 8465楼
JAVA 全系列/第六阶段:项目管理与SSM框架/Maven 8467楼
JAVA 全系列/第十一阶段:智能家居项目(旧)/至尊智能家居第一天 8468楼
JAVA 全系列/第七阶段:生产环境部署与协同开发/Linux 8469楼
JAVA 全系列/第十二阶段:消息中间件(异步消息传递)/ActiveMQ 8471楼
WEB前端全系列/第一阶段:HTML5+CSS3模块/前端入门与基础知识 8472楼

课程分类

百战程序员微信公众号

百战程序员微信小程序

©2014-2025百战汇智(北京)科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园
网站维护:百战汇智(北京)科技有限公司
京公网安备 11011402011233号    京ICP备18060230号-3    营业执照    经营许可证:京B2-20212637