忙碌的米蟲: [Blogspot] 文字底線

念書的時候, 最喜歡用各色螢光筆在課本上畫底線. 看著花花綠綠的顏色, 感覺就像自己很用功, 心情都好了.

點選 Template ➜ Edit HTML

複製下面的程式碼後貼在 <head> </head>裡

PS: 紅字的部分是圖片的所在位置, 建議替換成自己的網址, 不然哪天我刪了圖檔, 你的就顯示不出來囉.

==============此線以下===============

<style type='text/css'>
    b1{
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEwnoaP8gv8ptFjSGkElcG82151dmuFr7co72GvxdtSiJesnN_-XWQIWazzvRDendXiYcrNMWm0wjWsoLHKldNNqAhX3j7HSmozgQkWdW2zA3uQ2GNV-QegySl3-npZeSkB917oGZHIw2h/s1600/blue.gif) repeat-x bottom;
    line-height: 24px;
    padding:0px 2px 2px 0px;
    letter-spacing:2px;
    }

    r1{
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHvRapatY1ETPVbTbMt6G67AlR0n33v3k1-c3vMvFIn98H3xOJ66CUn2RPjSTtSj_Z_aPlH8KsprHLq2bqRPtsGibO2ELxgbfNcj0q8drhDMp3KFfmTcFe-syNiwXdrfQz23ftWePoARXZ/s1600/red.gif) repeat-x bottom;
    line-height: 22px;
    padding:0px 2px 2px 0px;
    letter-spacing:2px;
    }

    y1{
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYmu89w2eUpTrVL_zTfxD0oui_nabKndIgNdj3MJpJ6PyR4TPyHmEXvLzAgpuJUk8P5uRRNRoWCaG3ZcHBKrEFS4mjgYqLd59S2UEj4VtaE44oAzCxahtW8amIPps38i0EzIvBIr-rs40A/s1600/yellow.gif) repeat-x bottom;
    line-height: 22px;
    padding:0px 2px 2px 0px;
    letter-spacing:2px;
    }
    </style>

    <script type='text/javascript'>
    document.createElement("b1")
    document.createElement("r1")
    document.createElement("y1")
    </script>

==============此線以上===================

使用時, 點選左上的 HTML, 找到想要標示的文字後添加相對應的顏色框及可

<r1>紅色底線</r1>
<b1>藍色底線</b1>
<y1>黃色底線</y1>

連結:

底線圖檔: http://almn.myweb.hinet.net/Skills/0050_15.html

忙碌的米蟲

2016年9月2日

[Blogspot] 文字底線

沒有留言:

張貼留言