yoyo님의 프로필✿♡歡迎光臨ⓨⓞⓨⓞ's 樂园๑۩۞۩๑ ✿사진블로그리스트기타 도구 도움말
    2005-07-17

    日志编写外筐制作

     

     

    整理BY YOYO,请尊重他人劳动成果,如果要复制走,请注名出处

     

                SPACES高手喔~ 

       过去<-->现在<-->未来's space   loadmemory☺

      ☺MSN 能量魔法 小綠人☺

       ☺牛角村國良先生☺

       ☺飞翔时空 飞翔

       ☺浮雲舊事溫柔 恪纯☺

       ☺八度空間八度☺

       ☺我爱我家 사랑의 가족성주☺

       ☺烟视媚行 女巫☺

     

     

     


    拥有了背景色彩的日志显得生动活泼了许多,那么如何让她更具特色呢?在这一章里我将向大家讲述如何定制具有立体效果的背景样式。

     

    我们先从为日志文字添加带有色彩的边框说起,因为其涉及到的CSS边框属性语法是以后制作立体效果边框的基础形式。请记住下面这段语法:

     

    <div STYLE="border-style:solid;border-width:5pt; border-color:red">日志文字</div>

     

    通过定制边框的方法再将上一教程添加色彩的语法嵌套其中,你就可以创造出具有立体效果的彩色日志背景

     

    例如:<div STYLE="border-style:outset;border-width:2pt; border-color: red">
    <div style="width:100%;height:100%;background-color:#ffff00;">日志文字
    </div></div>

     

     

    Border-left-style:solid (double, groove, ridge, inset, outset)定制边框样式
    Border-left-color: #xxxxxx定制边框颜色
    Border-left-width: xpt 定制边框粗细

     

     

    外框樣式種類:

    • 一般常用線條 : solid(實線) dotted(點) dashed(虛線) double(雙線)
    • 立體效果線條 groove(立體內凸框) ridge(立體浮凸框) inset(凹框) win-inset(凹框2) outset(凸框)
                          
                                载自能量魔法&Loadmemory

    댓글 (2개)

    잠시만 기다려 주세요...
    죄송합니다. 입력한 댓글이 너무 깁니다. 내용을 줄여 보세요.
    입력한 내용이 없습니다. 다시 시도해 보세요.
    죄송합니다. 지금은 댓글을 추가할 수 없습니다. 나중에 다시 시도해 보세요.
    댓글을 추가하려면 부모님의 사용 허락이 필요합니다. 허용 요청
    부모님이 댓글 기능을 해제한 상태입니다.
    죄송합니다. 지금은 댓글을 삭제할 수 없습니다. 나중에 다시 시도해 보세요.
    하루에 남길 수 있는 댓글의 최대 한도를 초과했습니다. 24시간 후에 다시 시도해 보세요.
    회원님의 계정은 다른 사용자에게 스팸 메일을 보낼 수 있다고 여겨지므로 댓글 기능이 비활성화되어 있습니다. 이 설정에 문제가 있다고 생각되면 Windows Live 지원에 문의하시기 바랍니다.
    댓글을 남기려면 아래 보안 검사를 완료해야 합니다.
    보안 검사에 입력한 글자는 그림 또는 오디오에 있는 글자와 일치해야 합니다.

    댓글을 추가하려면 Windows Live ID로 로그인하세요. 핫메일, 메신저 또는 Xbox LIVE를 사용하는 경우 해당 계정을 Windows Live ID로 사용할 수 있습니다.로그인


    Windows Live ID가 없으신가요? 등록

    알 수 없음님의 사진
    YOYO玉 님이 남긴 글:
    ......真系5系啊明~~
    得闲教下我仲好啦~`
    9월 22일
    알 수 없음님의 사진
    爱情滋味118 님이 남긴 글:
    看了你的留言才知道 原来你也是学旅游与酒店管理的啊???很有缘啊 一起努力吧
    7월 18일

    트랙백

    이 블로그의 트랙백 URL은 다음과 같습니다.
    http://yoyojamie.spaces.live.com/blog/cns!C81D1333B27486D8!730.trak
    이 블로그를 참조하는 웹 로그
    • 없음