HTML2 -- 佈局格式

 

1.

 

 

2.

3.

 

 

4.  字體兩邊白條

h1{

  position: relative;

}

h1 p {

  text-align: center;

}

h1 p:before {

  position: absolute;

  top: 20px;

  margin-left: -46px;

  width: 30px;

  content: "\200B";

  height: 2px;

  overflow: hidden;

  background: rgba(0,0,0,0.3);

}

h1 p:after {

  position: absolute;

  top: 20px;

  margin-left: -16px;

  width: 30px;

  content: "\200B";

  height: 2px;

  overflow: hidden;

  background: rgba(0,0,0,0.3);

}

 5.

三個點能夠用中間弄一個點，左右兩邊用border-shadow