我希望实现这种多重下划线效果,并发现使用盒阴影是最好的方法.具体来说,我尝试这样做并取得了成功:
我使用以下CSS来做到这一点:
h1{
box-shadow: 0 2px 0px 0px #F03A47, 0 4px 0px 0px #FFF, 0 6px 0px #276FBF, 0 8px 0px 0px #FFF, 0 10px 0px #AF5B5B;
float: left;
}
Run Code Online (Sandbox Code Playgroud)
但是,我希望实现根据需要打开和关闭特定下划线的效果.所以我提出了这个并将类添加到我的HTML中:
h1{
float: left;
}
.red{
box-shadow: 0 2px 0px 0px #F03A47, 0 4px 0px 0px #FFF;
}
.blue{
box-shadow: 0 6px 0px #276FBF, 0 8px 0px 0px #FFF;
}
.brown{
box-shadow: 0 10px 0px #AF5B5B, 0 12px 0px 0px #FFF;
}
Run Code Online (Sandbox Code Playgroud)
但它产生的影响是这样的:
我尝试使用不同的顺序添加类,并使用JavaScript动态添加它们,但我仍然得到相同的结果.我做错了什么,还是有另一种方法来实现开启关闭效果?
我想设置Android中2个元素之间的距离.我设置的边距是1dp,我认为距离远远超过我想要的距离.我认为0.5dp就好了.在我尝试的时候,是否可以设置小数点边距?如果是这样,支持的最小dp是多少?
我正在使用JQuery Mobile,我的页面上有一堆手风琴.我想一键扩展/折叠所有手风琴,只需点击一下按钮.如何才能做到这一点?
我想在div中创建一个可拖动的区域.它工作正常,但我不希望可拖动区域外的空白区域,因此想要限制可以拖动的区域.到目前为止我所得到的就是这个小提琴.
图像最初位于父div的左上角.如果将其拖动到右侧或底部,您可以看到我不喜欢的空白区域.我怎么能限制这个?
我认为可以使用jQuery UI的Draggable事件中的Containment参数来完成
$( ".selector" ).draggable({ containment: "" });
Run Code Online (Sandbox Code Playgroud)
但我无法弄清楚如何.此外,如果整个页面是一个可拖动的元素(类似于谷歌地图),我该如何限制?
我试图创建一堆纯粹使用CSS的同心圆.这是我的CSS:
.inner-circle{
height: inherit;
width: inherit;
background: #FFF;
border: 1px solid #1a1a1a;
border-radius: 50%;
padding: 5px;
margin: 1%;
Run Code Online (Sandbox Code Playgroud)
}
到目前为止我的尝试在这里:http://jsfiddle.net/4yL2m/
但是,正如您在链接中看到的,我只能根据画布区域的宽度和高度创建椭圆.谁能建议如何通过在自身内嵌相同的div来绘制完美的同心圆?