当前位置: 网站建设 > 网页设计 > 建站经验 >

用纯CSS打造的圆角边框

时间:2013-03-02 04:08来源:未知 作者:admin 点击:

标签:用纯CSS打造的圆角边框 用纯(1)CSS(655)圆角(28)打造(22)边框(13)网站建设(1202)
--> [网站建设之]用纯CSS打造的圆角边框 #xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px; letter-spacing:1px; padding:0;} #xsnazzy h1 {font-size:2.5em; color:#A95051;} #xsnazzy h2 {font-size:2em;color:#7B793B; border:0;} #xsnazzy p {padding-bottom:0.5em;} #xsnazzy h2
用纯CSS打造的圆角边框》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302344542013.htm
--> [网站建设之]用纯CSS打造的圆角边框


#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px; letter-spacing:1px; padding:0;} #xsnazzy h1 {font-size:2.5em; color:#A95051;} #xsnazzy h2 {font-size:2em;color:#7B793B; border:0;} #xsnazzy p {padding-bottom:0.5em;} #xsnazzy h2 {padding-top:0.5em;} #xsnazzy {background: transparent; margin:25px 1em 100px 1em;}  .xtop, .xbottom {display:block; background:transparent; font-size:1px;} .xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;} .xb1, .xb2, .xb3 {height:1px;} .xb2, .xb3, .xb4 {background:#FFF; border-left:1px solid #A93298; border-right:1px solid #A93298;} .xb1 {margin:0 5px; background:#A93298;} .xb2 {margin:0 3px; border-width:0 2px;} .xb3 {margin:0 2px;} .xb4 {height:2px; margin:0 1px;}  .xboxcontent {display:block; background:#FFF; border:0 solid #A93298; border-width:0 1px;}

HTML代码

<div id="xsnazzy"><div class="xboxcontent"><h1>www.wangjie.org<,用简单的css实现的圆柱型报表;/h1>          ,用百度广告管家同时投放Adsense和百度推广;  
 <p>纯CSS打造的圆角边框,兼容性十分的强 <br />纯CSS打造的圆角边框</p>         
 <h2>教授带学生做实验</h2>            
 <p>某日,教授带着一班学生到试验室,指着一个装满尿的烧杯说:&ldquo;  要想做一个好的生物学家,既要有英勇的精力,又要有灵敏的视察力。 你们像我一样试一试。 &rdquo;说着,传授把手指伸进尿液,而后放到口中尝一尝。同窗们 见到教学带了头,便硬着头皮尝试着。 成果是丑态百出。 这时,教授笑道:&ldquo;你们真是大胆有余,察看不足。 你们没留神,我伸进烧杯的是食指,用犹太人的智慧建设网站,放入 口中的是中指吧!&rdquo;</p>   <p>某日,用消费者心理来衡量好网站应具备的要素,天晴,老爸拉着儿子去爬山,父子俩爬了两个小时终于到山顶, 爸爸: &ldquo;儿子,你看,山下的景致多美啊!&rdquo; 儿子:&ldquo;既然山下的风景美, 咱们为什么还要爬到山顶上来呢,用户研究的定义与价值?&rdquo; .</p></div></div> Tag:   打造     打造  
(责任编辑:网站建设)
用纯CSS打造的圆角边框相关文章
上一篇:用简单的css实现的圆柱型报表 下一篇:用经验告诉你行业网站运营的几个要点
回到顶部