合买大神
网站首页 网站建设 公司动态 行业新闻 案例展示 关于我们

文章内容

圆角头像的制作

日期:2013-11-27  来源:攀枝花惠康网络公司

良多若干好多sns的头像都使用圆角了,昨天在校内上看到了圆角头像,今天在Qzone的也看到了圆角头像,圆角头像看上去比直角的美不美观。

2009-08-19_1731512009-08-20_122313


<div id="circular-box" class="clearfix">

<ul>

<li><a href=http://www.css88.com/archives/"http://www.sodao.com"><img src="jy20090504026.jpg" width="200" height="200" /><span class="cir-bg"></span></a></li>

<li><a href="http://www.sodao.com"><img src="jy20090504035.jpg" width="200" height="200" /><span class="cir-bg"></span></a></li>

<li><a href="http://www.sodao.com"><img s"cir-bg"></span></a></li>

</ul>

</div>


圆角头像的建造事理就是在头像上笼盖一张透明的图片,把四个角颜色设置成页面的布?#25226;?#33394;,?#34892;?#36879;明,

假设我的页面底色是纯黑色的,那么这个透明图片可以做成这样,如图:

2009-08-20_123344

这里需要注重的是需要把图片保留成24位的png,虽然IE6撑持8位的png的透明,可是8位的png做透明圆弧图片存在效不美观尚

文章来源:攀枝花惠康网络公司

惠康网络,是一家专业从事攀枝花网站建设,攀枝花网站制作,攀枝花网站设计公司,提供网站建设一条龙服务(网站域名注册+网站服务器租用+网站开发+网站维护+网站营销推广),惠康网络立足攀枝花,辐射全中国,攀枝花惠康网络的客户已经遍布国内各地大?#34892;?#22478;?#26657;?#25105;们高效优质的网站建设服务深受用户好评。

?#22836;认擼?img src="skin/images/tel.png" alt="tel" height="15" width="84" style="vertical-align:middle;">(谢先生)  ?#22836;Q:1323605005  
服务邮箱:[email protected](售前咨询)  [email protected](技术部)  [email protected](售后服务)
公司地址:四川省攀枝花市
邮编:617200

合买大神 比利亚雷亚尔楚克乌泽 武里南联与中超 柏林赫塔的拉莫斯 吉达国民vs塔什干棉农 西甲赫罗纳对赫塔菲预测 埃瓦尔对赫塔费预测 哈德斯菲尔德大学会展排名 巴拉多利德老板 马内利物浦 德国队大冷门埃瓦尔点