overflow:hidden}/*超出部分隐藏*/
.list_ul figcaption p{/*html代码中没有*/
font-size:12px
color:#aaa
}
.imgtest figure div{ /*设置图片外面包裹的样式*/
display:inline-block/*设置行内块元素，可以设置宽高的，但是这个div又不会独占一行*/
margin:5px auto/*设置外边距*/
width:100px/*宽高一样设置成正方形*/
height:100px/*宽高一样设置成正方形*/
border-radius:100px/*设置圆角100px，设置边角为圆角*/
border:2px solid #fff/*设置div边框宽度为2，solid实线，颜色为#fff白色*/
overflow:hidden/*超出部分隐藏*/
-webkit-box-shadow:0 0 3px #ccc/*设置阴影，兼容谷歌浏览器*/
box-shadow:0 0 3px #ccc/*设置阴影*/
}
.imgtest img{width:100%/*设置图片相对于父级div的宽度*/
min-height:100%text-align:center}/*最小高度，和居中对齐样式*/
具体如果不明白可以看一下菜鸟教程，很不错的
这个很简单，用圆角就可以啦，我帮你写出来吧，看代码:
<html><head>
<style type="text/css">
div.icon
{
width:200px
height: 200px
display:block
position: relative
float:left
padding: 0px
margin: 10px
background: #e9e7e0
}
div.icon_head
{
width:150px
height: 150px
display:block
position: relative
float:left
padding: 0px
margin: 25px
background: #bde9df
border-radius:75px
-webkit-border-radius:75px
-moz-border-radius:75px
-o-border-radius:75px
-webkit-background-clip: padding
overflow:hidden
}
a.trans_name
{
width:150px
height: 150px
display:block
position: absolute
left: 0px
bottom: 0px
padding: 0px
margin: 0px
z-index:1
filter: Alpha(Opacity=0)
opacity:0
}
span.icon_translucent
{
width:150px
height: 60px
display:block
position: absolute
left: 0px
bottom: 0px
padding: 0px
margin: 0px
background: #000000
z-index:2
filter: Alpha(Opacity=50)
opacity:0.5
}
span.icon_name
{
width:150px
height: 60px
display:block
position: absolute
left: 0px
bottom: 0px
padding: 0px
margin: 0px
color: #ffffff
font-size: 16px
text-align: center
line-height: 40px
z-index:3
}
a.trans_name:hover
{
filter: Alpha(Opacity=100)
opacity:1
}
</style>
</head>
<body>
<div class="icon">
<div class="icon_head">
<img src="http://t3.qpic.cn/mblogpic/33b2836395e33a0a1dc8/160" width="150" height="150" />
<a class="trans_name">
<span class="icon_translucent"></span>
<span class="icon_name">隔城府窥红颜</span>
</a>
</div>
</div>
</body>
</html>
记得采纳，纯手写的，谢谢！！！！
响应服务端事件响应客户端事件
如果你对服务端/客户端不明白的话先去了解一下简单来说HTML客户端的事件是不会提交给服务端的
比如说点击一个按钮 改变文字的颜色
只是针对用户机器本身的 不会发送数据包给远程的服务器
而asp.net按钮点击后
将会以post或者get形式发送给服务器
进行数据库 *** 作等等 页面提交后将会刷新
但是ajax技术可以使客户端控件发送请求给webservice具体的用法如果强调客户端的 应用
用客户端控件更能使用户感觉到方便
不用刷新页面
而需要数据库等 *** 作时 肯定要用服务端控件
但是没有绝对的我现在做的项目就是两者结合用
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）