全局樣式
阿新 • • 發佈：2018-03-16
api 慕課 課程 互聯網 css small strip cas port
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Bootstrap全局樣式</title> <link rel="stylesheet"href="bootstrap-3.3.7-dist/css/bootstrap.min.css"> <script src="jquery-3.2.1.js"></script> <script src="bootstrap-3.3.7-dist/js/bootstrap.min.js"></script> </head> <body> <button class="btn btn-default btn-lg">這個第一個按鈕</button> <button class="btn btn-success btn-sm">這是第二個按鈕</button> <button class="btn btn-primary active">這個第三個按鈕</button> <button class="btn btn-info btn-block">這是第四個按鈕</button> <button class="btn btn-warning"disable="disabled">這個第五個按鈕</button> <button class="btn btn-danger">這是第六個按鈕</button> <button class="btn btn-link">這個第七個按鈕</button> <a class="btn btn-danger" href="">這是a標簽所寫的按鈕效果</a> <h1>標題一</h1> <h2>標題二</h2> <h3>標題三</h3> <h4>標題四</h4> <h5>標題五</h5> <h6>標題六</h6> <span class="h1">標題一</span> <span class="h2">標題二</span> <span class="h3">標題三</span> <span class="h4">標題四</span> <span class="h5">標題五</span> <span class="h6">標題六</span> <p><mark>慕課網</mark><del>是垂直</del><ins>的互聯網IT</ins><u>技能免費學習網站</u>。<small>以獨家視頻教程</small>、<strong>在線編程工具、學習計劃</strong>、問答社區為核心特色。 在這裏，你可以找到最好的互聯網技術牛人，也可以通過免費的在線公開視頻課程學習國內領先的互聯網IT技術。</p> <p>慕課網是垂直的互聯網IT技能免費學習網站。以獨家視頻教程、在線編程工具、學習計劃、問答社區為核心特色。 在這裏，你可以找到最好的互聯網技術牛人，也可以通過免費的在線公開視頻課程學習國內領先的互聯網IT技術。</p> <p class="text-left">慕課網</p> <p class="text-center">慕課網</p> <p class="text-right">慕課網</p> <p class="text-lowercase">HELLO</p> <p class="text-uppercase">hello</p> <p class="text-capitalize">hello</p> <table class="table table-striped table-bordered table-hover"> <thead> <tr> <th>標題一</th> <th>標題二</th> <th>標題三</th> <th>標題四</th> <th>標題五</th> </tr> </thead> <tbody> <tr> <th>內容一</th> <th>內容二</th> <th>內容三</th> <th>內容四</th> <th>內容五</th> </tr> <tr class="active"> <th>內容一</th> <th>內容二</th> <th>內容三</th> <th>內容四</th> <th>內容五</th> </tr> <tr class="success"> <th>內容一</th> <th>內容二</th> <th>內容三</th> <th>內容四</th> <th>內容五</th> </tr> <tr class="info"> <th>內容一</th> <th>內容二</th> <th>內容三</th> <th>內容四</th> <th>內容五</th> </tr> <tr class="warning"> <th>內容一</th> <th>內容二</th> <th>內容三</th> <th>內容四</th> <th>內容五</th> </tr> <tr class="danger"> <th>內容一</th> <th>內容二</th> <th>內容三</th> <th>內容四</th> <th>內容五</th> </tr> </tbody> </table> </body> </html>
全局樣式