海珠儿 blog

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

日志

做你的爱人（诗原作）

外边框包内边框的代码

单线、双线边框代码

2008-04-27 15:41:09| 分类：博客代码总汇 | 标签： |字号大中小订阅

单线、双线边框代码

海珠儿收集编写欢迎光临！

单线边框代码

说明:

border-style则控制边框的效果,border-width控制边框的粗细，border-color调整边框的颜色，这里你仍然可以使用如#xxxxxx的颜色数值，而当使用“solid”则为单一颜色的线形简单边框。

说明：

这是4条边分开写的代码，所以，要将4边#号的值都要改变才能改变边框的颜色；将绿色处#号后的值改变就改变了边框内背景的颜色。

双线框代码

说明:

将#号后的值(绿色处)改变就可以改变边框的颜色,随便填一个6位数字,试试?

将#号后的值(蓝色处)改变就可以改变边框内背景的颜色,随便填一个6位数字,试试?

看下面改变后的效果：

评论这张

转发至微博

0人 | 分享到：

阅读(3045)| 评论(19)| 引用 (117) |举报

做你的爱人（诗原作）

外边框包内边框的代码

历史上的今天

this.p={  m:2,
              b:2,
              id:'fks_084071080085089067085095084095086084088066085082087',
              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: #ffffff\" cellSpacing=0 align=center\>\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\><STRONG\> </STRONG\></P\>\r\n<P align=center\><STRONG\></STRONG\> </P\>\r\n<P align=center\><STRONG\><FONT color=#ff0000 size=6\>单线、双线边框代码</FONT\></STRONG\></P\>\r\n<P align=center\><STRONG\><FONT color=#ff0000 size=5\></FONT\></STRONG\> </P\>\r\n<P align=center\><A href=\"http://img.blog.163.com/photo/ROk3hlVLxe5XxsTX2mqQow==/1743456005746299959.jpg\" target=_blank\></A\></P\></TD\></TR\></TABLE\></TD\></TR\></TABLE\></TD\></TR\></TABLE\></TD\></TR\></TABLE\>',
              blogTag:'',
              blogUrl:'blog/static/229114120083271014690',
              isPublished:1,
              istop:false,
              type:0,
              modifyTime:1213164912965,
              publishTime:1209282069409,
              permalink:'blog/static/229114120083271014690',
              commentCount:19,
              mainCommentCount:19,
              recommendCount:0,
              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://blog.163.com/"},{"title":"郎咸平：戳穿中国电力企业的谎言","url":"http://langxianpingblog.blog.163.com/blog/static/8221272620124248853313/"},{"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/229114120083271014690">${y.recommendBlogTitle|escape}</a></li>
      {/if}
    {/list}
    </ul>
    {/if}

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

页脚

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

海珠儿 blog

导航

日志

单线、双线边框代码

历史上的今天

相关文章

最近读者

评论

页脚