如何用纯css实现以下效果? 纯css轮播图
如何使用CSS实现DIV层的左下角、右下角圆角效果,以及右边和下边有阴影效果?
需要准备的材料分别有:电脑、浏览器、html编辑器。
1、首先,打开html编辑器,新建html文件,例如:index.html。
2、在index.html中的<style>标签中,输入css代码:
div{width: 300px;height: 150px;border: 3px solid blue;border-radius: 0 0 30px 30px;box-shadow: 0 7px 7px -7px #5E5E5E;}
3、浏览器运行index.html页面,此时实现了div只有底部有圆角和阴影效果。
如何用CSS实现DIV块的阴影效果
可以用CSS3的阴影属性。 不过要支持IE6的话,加载个 .htc 行为文件就好了。border: 1px solid #696;padding: 60px 0;text-align: center; width: 200px;-webkit-box-shadow: #666 0px 0px 10px;-moz-box-shadow: #666 0px 0px 10px;box-shadow: #666 0px 0px 10px;background: #EEFF99;behavior: url(/PIE.htc)。
直接使用box-shadow:5px 5px 10px black inset;属性设置样式样式就可以了。前两个值(5px 5px)是水平和垂直方向的偏移量,正值阴影就会向左向下偏移,负值反之;第三个值(10px)是设置模糊距离;black就是阴影的颜色啦;最后一个inset是在元素内部创建一个阴影,也就是内阴影了;删除掉inset就是设置外阴影了。
这是使用纯CSS实现的效果,在DIV层的区域边框添加阴影效果,看上去非常形象,但是实现起来并不是太难,CSS代码比较简洁,值得我们学习。<title>盒子阴影的CSS实现方法</title>
如何用纯CSS实现文字描边效果?
嗯,可以的。但是其实讲真这个效果不太常用呢,因为只支持Webkit
/* 宽度和颜色 */
-webkit-text-stroke: 4px navy;
/* 默认 */
-webkit-text-stroke: inherit;
-webkit-text-stroke: initial;
-webkit-text-stroke: unset;即-webkit-text-stroke: <length> <color>;
<length>
文本描边宽.
<color>
文本颜色.
CSS dl,dt,dd怎么用能做出下图效果吗
color: #333333;}--></style><span class="style1">DL: 边框1 实线 上左白色,下右灰色<br>
DD: 边框1 实线 上左灰色,下右白色<br><br>实现浮雕表格效果<br>注意:控制好外层DL宽度,来限制DL的列</span><dl><dd></dd><dd></dd><dd></dd><dd></dd><dd></dd><dd></dd><dd></dd><dd></dd><dd></dd><dd></dd><dd></dd><dd></dd><dd></dd><dd></dd><dd></dd><dd></dd><dd></dd><dd></dd><dd></dd><dd></dd><dd></dd><dd></dd><dd></dd><dd></dd><dd></dd><dd></dd><dd></dd><dd></dd><dd></dd><dd></dd></dl> 忘采纳! 追问: 你这样跟用DIV或者samp还要区别吗? 回答: 这是最简单的方法了。否则CSS要写好多。 还要考虑兼容问题。 追问: 绝对不是这样做width: 50px;
回答: 如果不用float div也做不出表格吧?我是真没办法。 我只是想用dd实现你要的效果。 没考虑那么多 如果只用DL DT DD的自身特性做表格,我想应该很难吧。我有种无从下手的感觉。 呵呵不知道有没有高手可以做出来 补充: 人还在没。如果不用float 貌似只能用span做了。 其他的特性都是呈列排的。 除非你用边界控制,增加几十倍的代码量。 追问: 我只是想了解dddl dt而已,一般这种表格直接用table来做,很多人都有一种误区,用table就贱货,会往人看不起,其实不然,很多超级网站里面都有table,在3C种也没有屏蔽table 回答: 呵呵。。 这也是没办法的。现在都认准CSS+DIV 老板让你那么做 你也没办法。各有优点。 希望选最佳的时候 能把我的带上 谢谢。 追问: 你写了很多东西,但不是我要的答案,嘿嘿。CSS+DIV本身就是一个错误的名词,看来你还不够专业,嘿嘿