code.hr

code

code는 bootstrap.css에서 기본적으로 지정됨

지금보이는 code모양은 부트스트랩 홈피에서 사용하는 모양임

테스트 section

<code>...</code>

[css]
code {
  padding: 2px 4px;
  color: #d14;
  white-space: nowrap;
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8;
}

code(default)

기본 code모양

기본code

<code>...</code>

[css]
code {
  padding: 2px 4px;
  font-size: 95%;
  color: #c7254e;
  background-color: #f9f2f4;
  white-space:pre-wrap;
  border-radius: 4px;
}

blue code

css를 변경하여 blue색상 사용가능함

blue code

<code class="blue">blue code</code>

[css]
code.Blue {
  padding: 2px 4px;
  font-size: 95%;
  color: #428bca;
  background-color: #D3EAFA;
  white-space:pre-wrap;
  border-radius: 4px;
}

hr

hr은 구분선을 나타냅니다

---

<hr>

hr.one

약간 굵은 구분선을 나타냅니다

---

<hr class="one">

[css]
hr.one {
    height: 1px;
    margin: 20px 20px 30px 20px;
    border-top: 1px solid #bbb;
}

hr.two

응용작

---

<hr class="two">

[css]
hr.two {
    border: 0;
    height: 1px;
    margin: 20px 0;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0)); 
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0)); 
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0)); 
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0)); 
}