海珠儿 blog

愿志趣这根无形的线将我们系在一起！

日志

立体线条边框代码

2008-04-30 11:19:54| 分类：博客代码总汇 | 标签： |字号大中小订阅

立体线条边框代码

一、下面是一段立体线条边框代码：

<div style= "border-top-style:Ridge;border-right-style:Ridge;border-left-style:Ridge; border-bottom-style:Ridge;border-width:7pt; background-color:#8B008B"><div style="width:100%;height:100%;background-color:#E6E6FA;">文字输入处</div></div>

说明：修改蓝色处的数字可改变立体边框线条的粗细，修改绿色处的值可改变边框内背景的颜色。（随便填一个6位数字就行，但如果要准确的颜色，就要看颜色代码表。）=》颜色代码表

二、下面是修改后的不同效果：

（一）

文字

（二）

文字

（三）

文字

想知道立体线条边框的更多变化，请点击=》立体线条边框的变化

评论这张

转发至微博

1人 | 分享到：

阅读(4136)| 评论(18)| 引用 (127) |举报

外边框包内边框的代码

立体线条边框的变化

历史上的今天

this.p={  m:2,
              b:2,
              id:'fks_084071082087081070087082086095086084088066085082087',
              blogTitle:'立体线条边框代码',
              blogAbstract:'<TABLE style=\"BORDER-RIGHT: #00ff00 10px ridge; BORDER-TOP: #00ff00 10px ridge; BORDER-LEFT: #00ff00 10px ridge; BORDER-BOTTOM: #00ff00 10px ridge; BACKGROUND-COLOR: #ff0000\" cellSpacing=0\>\r\n<TBODY\>\r\n<TR\>\r\n<TD\>\r\n<TABLE border=1\>\r\n<TBODY\>\r\n<TR\>\r\n<TD\>\r\n<TABLE border=1\>\r\n<TBODY\>\r\n<TR\>\r\n<TD\>\r\n<TABLE border=1\>\r\n<TBODY\>\r\n<TR\>\r\n<TD\>\r\n<P align=center\><FONT color=#0000ff\> </FONT\></P\>\r\n<P align=center\><FONT color=#0000ff size=6\><STRONG\>立体线条边框代码</STRONG\></FONT\></P\>\r\n<P align=center\><STRONG\><FONT color=#0000ff size=5\></FONT\></STRONG\> </P\>\r\n<P align=center\> <A href=\"http://img.blog.163.com/photo/tUjgbbaH-Yhxo9dOoWWWuA==/3387551344713273783.jpg\" target=_blank\><IMG src=\"http://img.blog.163.com/photo/tUjgbbaH-Yhxo9dOoWWWuA==/3387551344713273783.jpg\"\></A\></P\>\r\n<P\> <FONT size=4\>一、下面是一段立体线条边框代码：</FONT\></P\></TD\></TR\></TABLE\></TD\></TR\></TABLE\></TD\></TR\></TABLE\></TD\></TR\></TABLE\>',
              blogTag:'',
              blogUrl:'blog/static/22911412008330102651842',
              isPublished:1,
              istop:false,
              type:0,
              modifyTime:1209627340335,
              publishTime:1209525594611,
              permalink:'blog/static/22911412008330102651842',
              commentCount:18,
              mainCommentCount:18,
              recommendCount:1,
              bsrk:-100,
              publisherId:0,
              recomBlogHome:false,
              attachmentsFileIds:[],
              vote:{},
              groupInfo:{},
              friendstatus:'none',
              followstatus:'unFollow',
              pubSucc:'',
              visitorProvince:'未设置',
              visitorCity:'未设置',
              postAddInfo:{"postAdSetting":{"title":"youdaonote","linkUrl":"http://g.163.com/a?CID=14253&Values=715242298&Redirect=http://e.cn.miaozhen.com/r.gif?k=1001788&p=3xjnR0&ae=1000240&vo=2ceafe9f2&vr=2&o=http%3A%2F%2Fphdi.qq.com","imageUrl":"http://img1.126.net/channel8/011811_5.21.swf","expireDay":"14","modifyTime":"1337569753119","flashUrl":"http://img1.126.net/channel8/011811_5.21.swf"},"isAdShow":true,"postAdContent":{"special":[{"title":"周国平：纪念<讲话>时我纪念什么","url":"http://blog.163.com/zhouguoping_vip/blog/static/1689663172012423200454/"},{"title":"舌尖上的乡愁和地沟里的中国","url":"http://spacebandit.blog.163.com/blog/static/39710562201242402519546/"},{"title":"周濂：永远都无法叫醒一个装睡的人","url":"http://westernphilosophy.blog.163.com/blog/static/187136009201242343652663/"}],"blog":[{"title":"实拍舌尖上的北京夜市","pic":"http://img2.cache.netease.com/cnews/2012/5/24/2012052408440699dca.jpg","url":"http://shihuixiong.blog.163.com/blog/static/2070152272012423111427614/"},{"title":"郎咸平：戳穿中国电力企业的谎言","url":"http://blog.163.com/"},{"title":"台湾作家：台湾并没韩寒写的那么好","url":"http://liaoxinzhong.blog.163.com/blog/static/206945029201242332256424/"},{"title":"《心术》导演：首轮落幕期待再相会","url":"http://yangyangvip2012.blog.163.com/blog/static/207281112201242314729798/"},{"title":"营养师：小笼包中'血脖肉馅'的危害","url":"http://xujinxi2012.blog.163.com/blog/static/20729214020124178370706/"},{"title":"张俊以：敢向赵本山说不的东北演员","url":"http://zhangjunyivip.blog.163.com/blog/static/1811722442012424745374/"}]}},
              mset:'000',
              mcon:'',
              srk:-100,
              remindgoodnightblog:false,
              isBlackVisitor:false,
              isShowYodaoAd:true,
              hostIntro:'生命不息,追求不止.______海珠儿',
              hmcon:'1',
              lofter_single:'<a hidefocus="true" target="_blank" href="http://www.lofter.com/specials/2012cmvfestival"><img onload="var nimg = new Image(); nimg.src=\'http://blog.163.com/newpage/images/analyse.png?lofter_single&t=\'+new Date().getTime()" border="0" src="http://b2.bst.126.net/newpage/images/lofter_single5.jpg"/></a>'
            }

{list a as x}
    {if !!x}
    <div class="iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
      {if x.visitorName==visitor.userName}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        {if x.moveFrom=='wap'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/wapblog.html?frompersonalbloghome"><span title="来自网易手机博客" class="iblock wapIcon"> </span></a>
        {elseif x.moveFrom=='iphone'}
          <a class="noul pnt" target="_blank"><span title="来自iPhone客户端" class="iblock iphoneIcon"> </span></a>
        {elseif x.moveFrom=='android'}
          <a class="noul pnt" target="_blank"><span title="来自Android客户端" class="iblock androidIcon"> </span></a>
        {elseif x.moveFrom=='mobile'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/emsblog.html?frompersonalbloghome"><span title="来自网易短信写博" class="iblock wapIcon"> </span></a>
        {/if}
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
          ${fn(x.visitorNickname,8)|escape}
        </a>
      </div>
    </div>
    {/if}
    {/list}

<#--最新日志，群博日志--> <#--推荐日志-->

<p class="fc06">推荐过这篇日志的人：</p>
    <div>
      {list a as x}
      {if !!x}
      <div class="iblock nbw-fce nbw-f40">
        <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
        <img alt="${x.recommenderNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.recommenderName)}"/>
        </a>
        <div class="cwd thide">
          <a class="fc03 m2a" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
            ${fn(x.recommenderNickname,6)|escape}
          </a>
        </div>
      </div>
      {/if}
      {/list}
    </div>
    {if !!b&&b.length>0}
    <p  class="fc06">他们还推荐了：</p>
    <ul>
    {list b as y}
      {if !!y}
        <li class="rrb"><span class="iblock">·</span><a class="fc03 m2a" target="_blank" href="http://blog.163.com/${y.recommendBlogPermalink}/?from=blog/static/22911412008330102651842">${y.recommendBlogTitle|escape}</a></li>
      {/if}
    {/list}
    </ul>
    {/if}

<#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--相关文章--> <#--历史上的今天--> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->

页脚

公司简介 - 联系方法 - 招聘信息 - 客户服务 - 隐私政策 - 博客风格 - 手机博客 - VIP博客 - 订阅此博客

海珠儿 blog

导航

日志

立体线条边框代码

历史上的今天

相关文章

最近读者

评论

页脚