Lưu ý đây là demo!
Chào mừng bạn đến với vienduongtech.com- Vui lòng để lại một comment góp ý.
- Bấm nút +1 nếu bạn thấy thích bài viết này.
- Chúc thành công!.
<style type="text/css">
.note{background:#f0fdff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgN6sSb6NRjKdHfLYL-bhk6xrv12Xf9IBCLQ8uRw__IqoMjsbghdxjyua2Ta-Hy7veGjCrm816yzHHp0GG-7HyCz5ZNFSKeW0czvhnJAhA9kkQrJFa8avjxhl-ZTpd_cc-1V6swL-QGZdU/s1600/notice-bg-namkna-blogspot-com.png) repeat-x 0
0;color:#796100;width:83%;font-weight:normal;padding:13px 15px
0;margin-bottom:2.5em;border:1px solid #306EFF;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;-moz-box-shadow:1px
1px 2px rgba(0,0,0,.4);-webkit-box-shadow:1px 1px 2px
rgba(0,0,0,.4);box-shadow:1px 1px 2px
rgba(0,0,0,.4);position:relative;left:34px}.note
p{margin-bottom:1.5em}.note p:last-child{margin-bottom:0}.note
ul{margin-left:8px;margin-bottom:1.5em}.note
ul:last-child{margin-bottom:0}.note
li{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifFuUNtklaWHcpG-oGlL9vclWLbHOAygJuWwp_F04TpiqT3mvu8fXW6A_F4joNVV4kZEHTdtmyHMasetSkux0ZhnhXqneD6TWHb-VwiB2AH1SHn0e7BNcszb0LJSwhjgswZ_eXuwDTeELk/s1600/notice-tabs-namkna-blogspot-002.png) no-repeat 0
-95px;list-style-type:none;padding-left:18px;margin-bottom:.75em}.note
h5{font-size:14px;font-weight:bold;margin:0 0 .65em}.note
span{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifFuUNtklaWHcpG-oGlL9vclWLbHOAygJuWwp_F04TpiqT3mvu8fXW6A_F4joNVV4kZEHTdtmyHMasetSkux0ZhnhXqneD6TWHb-VwiB2AH1SHn0e7BNcszb0LJSwhjgswZ_eXuwDTeELk/s1600/notice-tabs-namkna-blogspot-002.png) no-repeat 100%
0;width:33px;height:40px;position:absolute;left:-34px;top:9px}
</style>
<div class="note">
<h5>
Lưu ý!</h5>
Chào mừng bạn đến với ...<br />
<ul>
<li>Vui lòng để lại một comment góp ý.</li>
<li>Bấm nút +1 nếu bạn thấy thích bài viết này.</li>
<li>Chúc thành công!.</li>
</ul>
</div>
</div>
.note{background:#f0fdff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgN6sSb6NRjKdHfLYL-bhk6xrv12Xf9IBCLQ8uRw__IqoMjsbghdxjyua2Ta-Hy7veGjCrm816yzHHp0GG-7HyCz5ZNFSKeW0czvhnJAhA9kkQrJFa8avjxhl-ZTpd_cc-1V6swL-QGZdU/s1600/notice-bg-namkna-blogspot-com.png) repeat-x 0
0;color:#796100;width:83%;font-weight:normal;padding:13px 15px
0;margin-bottom:2.5em;border:1px solid #306EFF;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;-moz-box-shadow:1px
1px 2px rgba(0,0,0,.4);-webkit-box-shadow:1px 1px 2px
rgba(0,0,0,.4);box-shadow:1px 1px 2px
rgba(0,0,0,.4);position:relative;left:34px}.note
p{margin-bottom:1.5em}.note p:last-child{margin-bottom:0}.note
ul{margin-left:8px;margin-bottom:1.5em}.note
ul:last-child{margin-bottom:0}.note
li{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifFuUNtklaWHcpG-oGlL9vclWLbHOAygJuWwp_F04TpiqT3mvu8fXW6A_F4joNVV4kZEHTdtmyHMasetSkux0ZhnhXqneD6TWHb-VwiB2AH1SHn0e7BNcszb0LJSwhjgswZ_eXuwDTeELk/s1600/notice-tabs-namkna-blogspot-002.png) no-repeat 0
-95px;list-style-type:none;padding-left:18px;margin-bottom:.75em}.note
h5{font-size:14px;font-weight:bold;margin:0 0 .65em}.note
span{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifFuUNtklaWHcpG-oGlL9vclWLbHOAygJuWwp_F04TpiqT3mvu8fXW6A_F4joNVV4kZEHTdtmyHMasetSkux0ZhnhXqneD6TWHb-VwiB2AH1SHn0e7BNcszb0LJSwhjgswZ_eXuwDTeELk/s1600/notice-tabs-namkna-blogspot-002.png) no-repeat 100%
0;width:33px;height:40px;position:absolute;left:-34px;top:9px}
</style>
<div class="note">
<h5>
Lưu ý!</h5>
Chào mừng bạn đến với ...<br />
<ul>
<li>Vui lòng để lại một comment góp ý.</li>
<li>Bấm nút +1 nếu bạn thấy thích bài viết này.</li>
<li>Chúc thành công!.</li>
</ul>
</div>
</div>
đây là code 2
đây là code 2
đây là code 2
đây là code 2
1. Nút
demo
0 nhận xét:
Đăng nhận xét