內頁用法

正在測試內容特殊樣式中....

This Is a Title Heading　標題

This Is a Title SubHeading　子標題

This Is a Title Minor Heading　小標題

This Is a Title Normal　正常


  1. This is a Checked List 1　壹
    2. 怎的逆？怎的逆？怎的逆？怎的逆？怎的逆？怎的逆？怎的逆？怎的逆？怎的逆？怎的逆？怎的逆？
    怎的逆？怎的逆？怎的逆？怎的逆？怎的逆？怎的逆？怎的逆？怎的逆？怎的逆？怎的逆？怎的逆？
  2. This is a Checked List 2　貳
  3. This is a Checked List 3　參


  • This is a Checked List 1　壹
  • This is a Checked List 2　貳
  • This is a Checked List 3　參


This a Quote : Cleansis is Awesome Masonry blog style theme that allows you to choose from a 8 Post Formats.　引用

This a Text Normal : Cleansis is Awesome Masonry blog style theme that allows you to choose from a 8 Post Formats.　正常

This a Text Bold : Cleansis is Awesome Masonry blog style theme that allows you to choose from a 8 Post Formats.　粗體

This a Text Italic : Cleansis is Awesome Masonry blog style theme that allows you to choose from a 8 Post Formats.　斜體

This a Text Underline : Cleansis is Awesome Masonry blog style theme that allows you to choose from a 8 Post Formats.　底線

This a Text Strikethrough : Cleansis is Awesome Masonry blog style theme that allows you to choose from a 8 Post Formats.　刪除線

This a Colored Text : Cleansis is Awesome Masonry blog style theme that allows you to choose from a 8 Post Formats.　顏色

This a Colored Background Text : Cleansis is Awesome Masonry blog style theme that allows you to choose from a 8 Post Formats.　背景

This a Text Smallest　最小
This a Text Small　小
This a Text Normal　正常
This a Text Large　大
This a Text Largest　很大

按鈕

Button 小
Button 中
Button 大

錯誤訊息

success message You successfully read this important message.
Alert message This alert needs your attention.
Warning message Warning! Best check yo self.
Error message Oh snap! Change a few things up

code

<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>Sample Page</title>
    </head>
    <body>
        <h1>Lorem Ipsum</h1>
        <p>Lorem ipsum dolor sit amet.</p>
    </body>
</html>
css邊框框啦： 
#header-wrapper {
  background:#333;
  color:white;
  border-bottom:10px solid #ccc;
  text-align:left;
  transition:all .5s ease-out;
  padding:8px 0 18px;
}

#header {
  margin:0 15px;
}

#header-logo {
  position:relative;
  width:84px;
  height:35px;
  display:block;
  margin:10px 30px 5px;
}
(function() {
    var html5 = ("abbr,article,aside,audio,canvas,datalist,details," + "figure,footer,header,hgroup,mark,menu,meter,nav,output," + "progress,section,time,video").split(',');
    for (var i = 0; i < html5.length; i++) {
        document.createElement(html5[i]);
    }
    try {
        document.execCommand('BackgroundImageCache', false, true);
    } catch(e) {}
})();

tab

1內Suspendisse enim orci, fermentum eget vestibulum vitae, tristique nec tortor. Duis posuere risus quis nunc congue, eget faucibus arcu gravida. Proin pellentesque justo a sapien accumsan, Suspendisse enim orci, fermentum eget vestibulum vitae, tristique nec tortor. Duis posuere risus quis nunc congue, eget faucibus arcu gravida. Proin pellentesque justo a sapien accumsan.
2內in viverra metus dapibus. Duis in metus a risus dapibus laoreet. Vestibulum et dui arcu. Nam quis ipsum elementum, consequat magna vel, commodo urna. Phasellus scelerisque tincidunt velit nec hendrerit, Suspendisse enim orci, fermentum eget vestibulum vitae, tristique nec tortor. Duis posuere risus quis nunc congue, eget faucibus arcu gravida. Proin pellentesque justo a sapien accumsan.
3內Quisque convallis molestie est vitae varius. Donec sollicitudin, nulla sit amet volutpat adipiscing, massa dui laoreet mi, at interdum turpis odio nec nisl. In hac habitasse platea dictumst. Mauris a vestibulum dolor. Suspendisse enim orci, fermentum eget vestibulum vitae, tristique nec tortor. Duis posuere risus quis nunc congue, eget faucibus arcu gravida. Proin pellentesque justo a sapien accumsan.
4內Quisque convallis molestie est vitae varius. Donec sollicitudin, nulla sit amet volutpat adipiscing, massa dui laoreet mi, at interdum turpis odio nec nisl. In hac habitasse platea dictumst. Mauris a vestibulum dolor. Suspendisse enim orci, fermentum eget vestibulum vitae, tristique nec tortor. Duis posuere risus quis nunc congue, eget faucibus arcu gravida. Proin pellentesque justo a sapien accumsan.

tab2

1內Suspendisse enim orci, fermentum eget vestibulum vitae, tristique nec tortor. Duis posuere risus quis nunc congue, eget faucibus arcu gravida. Proin pellentesque justo a sapien accumsan, Suspendisse enim orci, fermentum eget vestibulum vitae, tristique nec tortor. Duis posuere risus quis nunc congue, eget faucibus arcu gravida. Proin pellentesque justo a sapien accumsan.
2內in viverra metus dapibus. Duis in metus a risus dapibus laoreet. Vestibulum et dui arcu. Nam quis ipsum elementum, consequat magna vel, commodo urna. Phasellus scelerisque tincidunt velit nec hendrerit, Suspendisse enim orci, fermentum eget vestibulum vitae, tristique nec tortor. Duis posuere risus quis nunc congue, eget faucibus arcu gravida. Proin pellentesque justo a sapien accumsan.
3內Quisque convallis molestie est vitae varius. Donec sollicitudin, nulla sit amet volutpat adipiscing, massa dui laoreet mi, at interdum turpis odio nec nisl. In hac habitasse platea dictumst. Mauris a vestibulum dolor. Suspendisse enim orci, fermentum eget vestibulum vitae, tristique nec tortor. Duis posuere risus quis nunc congue, eget faucibus arcu gravida. Proin pellentesque justo a sapien accumsan.

two column

Suspendisse enim orci, fermentum eget vestibulum vitae, tristique nec tortor. Duis posuere risus quis nunc congue, eget faucibus arcu gravida. Proin pellentesque justo a sapien accumsan, in viverra metus dapibus. Duis in metus a risus dapibus laoreet. Vestibulum et dui arcu. Nam quis ipsum elementum, consequat magna vel, commodo urna. Phasellus scelerisque tincidunt velit nec hendrerit. Quisque convallis molestie est vitae varius. Donec sollicitudin, nulla sit amet volutpat adipiscing, massa dui laoreet mi, at interdum turpis odio nec nisl. In hac habitasse platea dictumst. Mauris a vestibulum dolor.
Suspendisse enim orci, fermentum eget vestibulum vitae, tristique nec tortor. Duis posuere risus quis nunc congue, eget faucibus arcu gravida. Proin pellentesque justo a sapien accumsan, in viverra metus dapibus. Duis in metus a risus dapibus laoreet. Vestibulum et dui arcu. Nam quis ipsum elementum, consequat magna vel, commodo urna. Phasellus scelerisque tincidunt velit nec hendrerit. Quisque convallis molestie est vitae varius. Donec sollicitudin, nulla sit amet volutpat adipiscing, massa dui laoreet mi, at interdum turpis odio nec nisl. In hac habitasse platea dictumst. Mauris a vestibulum dolor.

沒有留言:

張貼留言

訂閱： 文章 (Atom)

搜尋此網誌
技術提供：Blogger.

網誌存檔

目錄

Contact us

名稱

以電子郵件傳送 *

訊息 *