css样式0

CSS样式

• button按钮的样式

  <button type="button" class="btn btn-default">（默认样式）Default</button>

  <button type="button" class="btn btn-primary">（首选项）Primary</button>

  <button type="button" class="btn btn-success">（成功）Success</button>

  <button type="button" class="btn btn-info">（一般信息）Info</button>

  <button type="button" class="btn btn-warning">（警告）Warning</button>

  <button type="button" class="btn btn-danger">（危险）Danger</button>

  <button type="button" class="btn btn-link">（链接）Link</button>

​

​

需要加入Bootstrap的文件才能使用这种样式：

将下面这段代码加入到head里面即可

​

<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" 
	integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" 
	integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

​