菜鸟联系百度，希望大家指导！！_html/css_WEB-ITnose

菜鸟联系百度，希望大家指导！！目前在学习html和css，页面中有交互行为的都不涉及，目前的计划就是将页面给拼出来。。

首先对可能会看完我写的代码的大神们表示感谢：



以下代码为图片中用红线框住的部分（ps：太弱了，这么点写了好久）


nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    

         百度新闻无线版百度首页登陆注册
        

        
        

        

        

            

新闻网页贴吧知道音乐图片视频地图百科文库

                

帮助高级搜索设置
 新闻全文  新闻标题 

             

            

          

• 首页
• 百家
• 上海
• 互联网
• 国内
• 国际
• 军事
• 财经
• 体育
• 娱乐
• 女人
• 科技
• 房产
• 汽车
• 社会
• 游戏
• 教育
• 图片
• 人物
• 名站

        
        
    
    
    

以上代码呈现出来的效果为下图：



说下我遇到的问题：
（1）a标签我的hover属性都没有用，我很纳闷，不知道原因
（2）给form下面的input 标签定的宽度是在ps中量的，可是效果出来总觉得不对劲。
（3）帮助、高级搜索、设置 中的小竖线大家都是怎么写的，我的有问题。。

跪谢啊。。。

回复讨论(解决方案)

1、没发现有什么问题
2、定义css要养成好习惯，开头就定义： *{margin:0;padding:0;}不然不同的控件浏览器有默认的空出距离，导致展示效果和你实际定义width和height不一样。
3、小竖线就是键盘enter上面的那个键，按shift+那个键 就可以出来了。

1:第一个问题
会不会是.tab ul li a:hover{border-bottom:4px solid #336699;}这里给覆盖了。可以IE F12查看
2:你可大体估算下，然后在慢慢调

能出个样子就可以了  看起来没什么问题
前端多做一些效果 图片自动  按钮轮播。。。。

能出个样子就可以了  看起来没什么问题
前端多做一些效果 图片自动  按钮轮播。。。。

en，联系中

能出个样子就可以了  看起来没什么问题
前端多做一些效果 图片自动  按钮轮播。。。。

en，联系中
没明白联系中是什么
建议去网上找一些jquery的效果,有现成的轮播的效果
不然可以用bootcss.com的,这个做的也很漂亮