News Tạo khung chứa code trong bài đăng blog hay wordpress

Tạo khung chứa code trong bài đăng blog hay wordpress

    Learn code website

    1. Box text

    [su_box title=”Box titlehauqu” title_color=”#ffffff” radius=”4″]Box content[/su_box]

    2. Khung chứa :

     Doạn code:

    <div style=”box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 10px; box-sizing: inherit; margin-bottom: 10px; padding: 20px; box-sizing: inherit; line-height: 1.6em; padding: 15px;”>
    <span style=”box-sizing: inherit; font-weight: 700; line-height: 2.0em;”><span style=”color: black;”>&nbsp;Doạn code:</span></span><br />
    <span style=”color: #222222;”>>> Text……..</span></div>
    </div>

    Kết quả :

     Lưu ý:
    » Text…….

     

    3. Khung chứa

    Doạn code :
    <div style=”box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 10px; box-sizing: inherit; margin-bottom: 10px; padding: 20px; box-sizing: inherit; line-height: 1.6em; padding: 15px;”>
    <span style=”box-sizing: inherit; font-weight: 700; line-height: 2.0em;”><span style=”color: black;”>&nbsp;Text
    …:</span></span><br />
    <span style=”color: #222222;”>Nhập text …</span><br />
    </div>

    Kết quả

    <div style="background-color: #f4f4f4; border-bottom: gray 1px solid; border-left: gray 1px solid; border-right: gray 1px solid; border-top: gray 1px solid; cursor: text; font-family: consolas, 'Courier New', courier, monospace; font-size: 8pt; line-height: 12pt; margin: 20px 0px 10px; max-height: 200px; overflow: auto; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; width: 97.5%;">
<pre style="background-color: #f4f4f4; border-bottom-style: none; border-left-style: none; border-right-style: none; border-top-style: none; color: black; font-family: consolas, 'Courier New', courier, monospace; font-size: 8pt; line-height: 12pt; margin: 0em; overflow: visible; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 100%;">nội dung bạn muốn nhập</pre>
</div>

     

    330