目前日期文章:201501 (8)

瀏覽方式: 標題列表 簡短摘要

項目標籤 行距 20px (CSS line-height: 20px)
項目標籤 1
  • 這裡是項目一
  • 這裡是項目一
    • 這裡是項目二
    • 這裡是項目二
      • 這裡是項目三
      • 這裡是項目三
<style type="text/css">
#項目標籤1 ul li {line-height: 20px;}
}
</style>


<div id="項目標籤1">
<b>項目標籤 1 </b>
<br />
<ul>
<li>這裡是項目一</li>
<li>這裡是項目一</li>
<ul>
<li>這裡是項目二</li>
<li>這裡是項目二</li>
<ul>
<li>這裡是項目三</li>
<li>這裡是項目三</li>
</ul>
</ul>
</ul>
</div>


項目標籤 行距 20px (CSS line-height: 20px)
項目標籤 1A
  • 這裡是項目一
  • 這裡是項目一
    • 這裡是項目二
    • 這裡是項目二
      • 這裡是項目三
      • 這裡是項目三
  • 這裡是項目一
  • 這裡是項目一
    • 這裡是項目二
    • 這裡是項目二
<style type="text/css">
#項目標籤1A ul li{line-height: 20px;}
}
</style>


<div id="項目標籤1A">
<b>項目標籤 1A </b>
<br />
<ul>
<li>這裡是項目一</li>
<li>這裡是項目一</li>
        <ul>
        <li>這裡是項目二</li>
        <li>這裡是項目二</li>
                <ul>
                <li>這裡是項目三</li>
                <li>這裡是項目三</li>
                </ul>
        </ul>
</ul>
<ul>
<li>這裡是項目一</li>
<li>這裡是項目一</li>
          <ul>
          <li>這裡是項目二</li>
          <li>這裡是項目二</li>
</ul>
</ul>
</div>


項目標籤 取消ul li 樣式符號 (CSS  list-style-type:none)
項目標籤 1B
  • 這裡是項目一
  • 這裡是項目一
    • 這裡是項目二
    • 這裡是項目二
      • 這裡是項目三
      • 這裡是項目三
<style type="text/css">
#項目標籤1B ul li{line-height: 20px;
                             list-style-type:none;}
</style>


<div id="項目標籤1B">
<b>項目標籤 1B </b>
<br />
<ul>
<li>這裡是項目一</li>
<li>這裡是項目一</li>
<ul>
<li>這裡是項目二</li>
<li>這裡是項目二</li>
<ul>
<li>這裡是項目三</li>
<li>這裡是項目三</li>
</ul>
</ul>
</ul>
</div>


項目標籤 樣式符號為數字 ul 改為 ol
項目標籤 1C
  1. 這裡是項目一
  2. 這裡是項目一
    1. 這裡是項目二
    2. 這裡是項目二
      1. 這裡是項目三
      2. 這裡是項目三
<style type="text/css">
#項目標籤1C ol li {line-height: 20px;}
}
</style>


<div id="項目標籤1C">
<b>項目標籤 1C </b>
<br />
<ol>
<li>這裡是項目一</li>
<li>這裡是項目一</li>
<ol>
<li>這裡是項目二</li>
<li>這裡是項目二</li>
<ol>
<li>這裡是項目三</li>
<li>這裡是項目三</li>
</ol>
</ol>
</ol>
</div>


項目標籤 行距 50px (CSS line-height: 50px)
項目標籤 2
  • 這裡是項目一
  • 這裡是項目一
    • 這裡是項目二
    • 這裡是項目二
      • 這裡是項目三
      • 這裡是項目三
<style type="text/css">
#項目標籤2 ul li{line-height: 50px;}
}
</style>


<div id="項目標籤2">
<b>項目標籤 1 </b>
<br />
<ul>
<li>這裡是項目一</li>
<li>這裡是項目一</li>
<ul>
<li>這裡是項目二</li>
<li>這裡是項目二</li>
<ul>
<li>這裡是項目三</li>
<li>這裡是項目三</li>
</ul>
</ul>
</ul>
</div>


項目標籤 第二項為藍色 第三項為紅色
項目標籤 3
  • 這裡是項目一
  • 這裡是項目一
    • 這裡是項目二
    • 這裡是項目二
      • 這裡是項目三
      • 這裡是項目三
<style type="text/css">
#項目標籤3 ul li {line-height: 20px;}
#項目標籤3 ul ul li{color:blue;}
#項目標籤3 ul ul ul li{color:Red;}

</style>


<div id="項目標籤3">
<b>項目標籤 1 </b>
<br />
<ul>
<li>這裡是項目一</li>
<li>這裡是項目一</li>
<ul>
<li>這裡是項目二</li>
<li>這裡是項目二</li>
<ul>
<li>這裡是項目三</li>
<li>這裡是項目三</li>
</ul>
</ul>
</ul>
</div>


項目標籤 行距 20px (CSS line-height: 20px)
項目標籤 4
  • 這裡是項目一
  • 這裡是項目一
    • 這裡是項目二
    • 這裡是項目二
      • 這裡是項目三
      • 這裡是項目三
<style type="text/css">
#項目標籤4 ul li {line-height: 20px;
                   display:inline; }
</style>


<div id="項目標籤4">
<b>項目標籤 4 </b>
<br />
<ul>
<li>這裡是項目一</li>
<li>這裡是項目一</li>
<ul>
<li>這裡是項目二</li>
<li>這裡是項目二</li>
<ul>
<li>這裡是項目三</li>
<li>這裡是項目三</li>
</ul>
</ul>
</ul>
</div>


項目標籤    第二項為藍色及橫向    第三項為紅色
項目標籤 5
  • 這裡是項目一
  • 這裡是項目一
    • 這裡是項目二
    • 這裡是項目二
      • 這裡是項目三
      • 這裡是項目三
<style type="text/css">
#項目標籤5 ul li  {line-height: 20px;}

#項目標籤5 ul ul li {color:blue;
                    display:inline;}

#項目標籤5 ul ul ul li {color:Red;
                       display:block;}
</style>


<div id="項目標籤3">
<b>項目標籤 1 </b>
<br />
<ul>
<li>這裡是項目一</li>
<li>這裡是項目一</li>
<ul>
<li>這裡是項目二</li>
<li>這裡是項目二</li>
<ul>
<li>這裡是項目三</li>
<li>這裡是項目三</li>
</ul>
</ul>
</ul>
</div>

c8cc168 發表在 痞客邦 留言(0) 人氣()



<center>
<iframe  id="14012015" name="14012015" allowfullscreen="" frameborder="0" height="300" src="//www.youtube.com/embed/UtCLlQp5r90?autoplay=0;playlist=UtCLlQp5r90;loop=1;rel=0" width="500"></iframe>
</center>

<script>
window.onresize= A14012015;
window.onload= A14012015;
function A14012015(){
mp4ww=document.documentElement.clientWidth;
document.getElementById('14012015').width=mp4ww-450+"xp";
document.getElementById('14012015').height=(mp4ww-450)/1.7+"xp";
}
A14012015();
</script>

| YouTube | 自動改變螢幕大細 | iframe | document.documentElement | document.getElementById(id) | window.onresize | window.onload | center | script |

c8cc168 發表在 痞客邦 留言(0) 人氣()

<center>
<iframe  width="560" height="315" src="//www.youtube.com/embed/QE0i5PFhfUg?list=PLJ6HAcRGQeqxuK3Y9XJhv8RHEYiSqdMSX" frameborder="0" allowfullscreen></iframe>
</center>

c8cc168 發表在 痞客邦 留言(0) 人氣()

  • Jan 09 Fri 2015 16:48

c8cc168 發表在 痞客邦 留言(0) 人氣()

滑鼠接觸我


<abbr title="滑鼠接觸我">滑鼠接觸我</abbr>

c8cc168 發表在 痞客邦 留言(0) 人氣()


<a download href="http://rcc.an56.org/2014/2014-10-26.mp3">download</a>

c8cc168 發表在 痞客邦 留言(0) 人氣()

  • Jan 07 Wed 2015 22:58
<script>
/* ---------- 註 解 ---------- */
</script>



HTML Tags
<!---------- 註 解 ------------>

c8cc168 發表在 痞客邦 留言(0) 人氣()


<form id="selectform">
<select id="selectA"
style='cursor: pointer;width:100px; background-color:#C0C0C0;  color:#000;font-size:20px;border: 3px outset #d5d5d5;'>

<option />友 好
<optgroup style='font-size:5px;' label=""></optgroup>

<option value="http://ck.ug5g.com/" />智障肥強
<optgroup style='font-size:5px;' label=""></optgroup>

<option value="http://html.ug5g.com" />Blogger 技巧
<optgroup style='font-size:5px;' label=""></optgroup>

<option value="http://stocks.ug5g.com/" />即時香港股票
<optgroup style='font-size:5px;' label=""></optgroup>

<option value="http://mp4.ug5g.com/" />詩 歌
<optgroup style='font-size:5px;' label=""></optgroup>

<option value="http://rcc.ug5g.com/" />埔恩堂
<optgroup style='font-size:5px;' label=""></optgroup>

<option value="http://eva.ug5g.com/" />齊賢社
<optgroup style='font-size:5px;' label=""></optgroup>

<option value="https://draft.blogger.com/home" />管理員
</select>
</form>

<script type="text/javascript">
 var urlmenu = document.getElementById( 'selectA' );
 urlmenu.onchange = function() {
 window.open( this.options[ this.selectedIndex ].value );
document.getElementById("selectform").reset();
/* ----------每次選擇後回第1項  ---------- */
 };
</script>

| select | option | 下拉式選單 |

c8cc168 發表在 痞客邦 留言(0) 人氣()