小编Gil*_*mbo的帖子

CSS过渡淡出原始文本颜色

好吧,我已经成功地将文本转换为不同的颜色,延迟时间为1秒,但是当鼠标不再悬停在元素上时,我无法弄清楚如何使其转换回原始颜色而不立即转到它.

我在网上环顾四周,找不到多少帮助.如果我发现任何东西,我无法弄清楚如何将它拼凑在一起以使其正常工作.

HTML:

<div id="navbar">
<div id="navlinks">
<nav>
<ul id="navlist">
<li><a href="#">HOME</a></li>
<li><a href="#">ASSIGNMENTS</a></li>
<li><a href="#">DREAM CARS</a></li>
<li><a href="#">PROJECTS</a></li>
<li><a href="#">CONTACT</a></li>
</ul>
</nav>
</div>
</div>

Run Code Online (Sandbox Code Playgroud)

CSS:

body{
margin:0 auto;
}
#logo{
margin:auto;
width:430px; 
}
#navbar{
width:100%;
height:50px;
display:table;
margin:auto;
}
#navlinks ul {
display:table;
border-collapse:collapse;
width:100%;
margin:0 0 20px;
padding:0;
list-style:none;
}
#navlinks li {
display: table-cell;
vertical-align: middle;
text-align:center;
width:20%;
background: linear-gradient(to right, #111 50%, #444 50%);
background-size: 200% 100%;
background-position:left top;
transition:all 1s ease;
-webkit-transition-delay:all 1s ease;
-moz-transition-delay:all …

Run Code Online (Sandbox Code Playgroud)

javascript css jquery css3

use*_*103

2014 03-24

2
推荐指数

1
解决办法

2万
查看次数

为边缘设置CSS边框颜色

有没有办法设置边框的"重要"颜色:

我想要在左边框上显示顶部边框

我希望你知道我的意思,并抱歉我的英语不好.

演示

HTML:

<div class="border">
    test
</div>

Run Code Online (Sandbox Code Playgroud)

CSS:

.border {
    border-top: 4px solid #ccc;
    border-left: 4px solid #06f;
}

Run Code Online (Sandbox Code Playgroud)

html css html5 css3

Gis*_*ald

2014 03-08

1
推荐指数

1
解决办法

126
查看次数

如何使按钮标记仅在其中显示图像

我的网站上有一个提交按钮的代码如下:

<button name="searchterm" type="submit" id="searchterm"><img src="images/ICON_Go.jpg"></button>

Run Code Online (Sandbox Code Playgroud)

和以下CSS:

#searchterm {
    margin:0px;
    padding:0px;
    white-space:nowrap;
    width:auto;
    overflow:visible;
}

Run Code Online (Sandbox Code Playgroud)

演示

这就是它在实时网站上的显示方式:

在此输入图像描述

我希望它是绿色go图像.我不想要图像周围的按钮图形.我怎样才能做到这一点？

感谢您的任何帮助.所有帮助表示赞赏.

html css image button submit-button

Kel*_*sey

2014 03-08

1
推荐指数

1
解决办法

5032
查看次数

CSS3创建圆角三角形元素

我只知道圆边的方式.无法弄清楚如何创建这种无图像ul li标签.如你所见,它不完全是三角形:它的顶部和底部有点圆润.是否可以使用css3创建与下图最相似的内容？如果有,怎么样？

先感谢您!

在此输入图像描述

html css css3 html-lists css-shapes

her*_*ron

2015 02-15

0
推荐指数

1
解决办法

849
查看次数

为什么我在网页上这么低？

我正在努力使用CSS.在这个例子中,任何人都可以帮助我理解为什么"旁边"没有漂浮在图片放置的正下方？为什么页面中这么低？

谢谢你的建议.

HTML

<body>

<nav id="top-menu">
    <ul>
        <li> <a href="index.html">Home</a> </li>
        <li> <a href="charting.html">Charting</a> </li>
        <li> <a href="map.html">Map</a> </li>
        <li> <a href="financials.html">Financials</a> </li>
        <li> <a href="forum.html">Forum</a> </li>
        <li> <a href="about.html">About</a> </li>
    </ul>
</nav>

<div id="maindiv">
<header>
    <img class="img-right" src="images/Inkscape_stocktails_240_240.png"
        alt="Stocktail" width="240" height="240" />
    <hgroup>
        <h1> Welcome to Stocktails </h1>
    </hgroup>
    <p> The perfect blend for your investment portfolio </p>
</header>

<article class="story">
    <h1> Start investing today with Stocktails </h1>
    <p>
        Stocktails is a collection of tools and resources …

Run Code Online (Sandbox Code Playgroud)

html css

lca*_*rre

2014 03-08

0
推荐指数

1
解决办法

82
查看次数

我如何转发并获取此页面的值到Servlet类？

<body>
    <FORM ENCTYPE="multipart/form-data" ACTION="Test" METHOD=POST>
        <h3><B>Upload IMG Mechanism</B></h3>                  
        <h5>Choose the file To Upload:</h5>
        <INPUT NAME="image" TYPE="file">     
        <br><br>
        <h4><input type="text" name="Cusname"></h4>
        <br><br>
        <input type="submit" value="Upload File">
    </FORM>
</body>

Run Code Online (Sandbox Code Playgroud)

这是我的jsp页面,如何在Test.java页面中获取Cusname,如果我将文本作为hello,我需要在servlet类中将Cusname作为hello,感谢提前.

html

作者

2014 03-14

0
推荐指数

1
解决办法

65
查看次数