ss导航怎么下载

html-css015

ss导航怎么下载,第1张

1. 登录CSS网站,搜索你想要的CSS导航,找到后点击下载;

2. 下载后打开文件,复制CSS代码;

3. 在你的网页中新建一个HTML文件,将复制的CSS代码粘贴到文件中;

4. 在HTML文件中加入你想要的导航栏,比如:<ul><li><a href="index.html">首页</a></li><li><a href="about.html">关于我们</a></li><li><a href="contact.html">联系我们</a></li></ul>

5. 将CSS代码中的类名称添加到HTML代码中,比如 <ul class="nav">

6. 保存文件,浏览器中打开,就可以看到你下载的CSS导航栏了。

1、按钮的margin-left:-10px这样的负值。或者学度娘,取消input边框另作。

2、css里面font-size:16pxfont-family:"Times New Roman",Georgia,Serif这样。

3、可以设置input的type为image,然后加背景图片。

给出一个例子

<!DOCTYPE HTML>

<html lang="en">

<head>

    <meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" />

    <meta http-equiv="Content-Type" content="text/htmlcharset=UTF-8">

    <title>test</title>

    <link rel="stylesheet" href="css.css" type="text/css" media="screen">

    <script src="http://libs.baidu.com/jquery/1.7.0/jquery.min.js"></script>

</head>

<body>

    <div class="search">

        <input id="search" type="text" autofocus="autofocus" >

        <div class="submit">搜索</div>

    </div>

    <style type="text/css">

        .search{width:300pxoverflow: hiddenborder:1px solid #dddfont-size:16pxheight:2emline-height: 2em}

        .search:hover{border:1px solid #00af60}

        .search input#search{padding-left: 10pxoutline: nonewidth:230pxborder:0}

        .search .submit{cursor:pointerfloat: rightpadding:0 10pxcolor: #00af60border-left: 1px solid #ddd}

        .search:hover .submit{background: #00af60color:#FFFborder:0/*background:url(1.jpg)*/}

    </style>

    <script type="text/javascript">

        $(function(){

            $('.search').hover(function(){$('#search')[0].focus()})//

            $('.search .submit').click(function(){

                alert("在此检查然后js提交")

            })

        })

    </script>

</body>

</html>

<label style="mylabelstyle">Name:</label>

<input type="textbox" style="myinputstyle" name="myname" />

中的style属性是设置该标签的行内样式,你应该把 style 换成 class

<label class="mylabelstyle">Name:</label>

<input type="textbox" class="myinputstyle" name="myname" />

,class意思就是引用上面的类样式!