Css常用操作――――――图片_html/css

Rumah

html tutorial

Css常用操作――――――图片_html/css_WEB-ITnose

Jun 24, 2016 am 11:18 AM

body{    background-color: #0078b3;}.image{    border: 1px solid darkgray;    width: auto;    height: auto;    float: left;    text-align: center;    margin: 5px;}img{    margin: 5px;    opacity: 1;}.text{    font-size: 12px;    margin-bottom: 5px;}a:hover{    background-color: aqua;}

Salin selepas log masuk

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>图片</title>    <link href="style.css" type="text/css" rel="stylesheet"></head><body>    <div class="image">        <a href="#" target="_self">            <img src="/static/imghw/default1.png"  data-src="2.jpg"  class="lazy"   alt="背景"    style="max-width:90%" height="200px">        </a>        <div class="text">一张背景图</div>    </div>    <div class="image">        <a href="#" target="_self">            <img src="/static/imghw/default1.png"  data-src="2.jpg"  class="lazy"   alt="背景"    style="max-width:90%" height="200px">        </a>        <div class="text">一张背景图</div>    </div>    <div class="image">        <a href="#" target="_self">            <img src="/static/imghw/default1.png"  data-src="2.jpg"  class="lazy"   alt="背景"    style="max-width:90%" height="200px">        </a>        <div class="text">一张背景图</div>    </div>    <div class="image">        <a href="#" target="_self">            <img src="/static/imghw/default1.png"  data-src="2.jpg"  class="lazy"   alt="背景"    style="max-width:90%" height="200px">        </a>        <div class="text">一张背景图</div>    </div></body></html>

Salin selepas log masuk

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel Panas

Berapa lama masa yang diperlukan untuk mengalahkan fiksyen berpecah?

3 minggu yang lalu By DDD

Repo: Cara menghidupkan semula rakan sepasukan

3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Hello Kitty Island Adventure: Cara mendapatkan biji gergasi

3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)

1 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Kesukaran mengemas kini caching laman web akaun rasmi: Bagaimana untuk mengelakkan cache lama yang mempengaruhi pengalaman pengguna selepas kemas kini versi?

3 minggu yang lalu By 王林

Tunjukkan Lagi

Alat panas Tag

Kod&IT

Suara

Perniagaan

Pemasaran

Pengesan AI

Chatbot

Reka bentuk&Seni

Artikel Panas

Berapa lama masa yang diperlukan untuk mengalahkan fiksyen berpecah?

3 minggu yang lalu By DDD

Repo: Cara menghidupkan semula rakan sepasukan

3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Hello Kitty Island Adventure: Cara mendapatkan biji gergasi

3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)

1 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Kesukaran mengemas kini caching laman web akaun rasmi: Bagaimana untuk mengelakkan cache lama yang mempengaruhi pengalaman pengguna selepas kemas kini versi?

3 minggu yang lalu By 王林

Tunjukkan Lagi

Tag artikel panas

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Tunjukkan Lagi

Topik panas

Di manakah pintu masuk log masuk untuk e-mel gmail?

7281

Tutorial Java

1622

Tutorial CakePHP

1341

Tutorial Laravel

1258

Tutorial PHP

1205

Tunjukkan Lagi

Related knowledge

Kesukaran mengemas kini caching laman web akaun rasmi: Bagaimana untuk mengelakkan cache lama yang mempengaruhi pengalaman pengguna selepas kemas kini versi? Mar 04, 2025 pm 12:32 PM

Kesukaran mengemas kini caching laman web akaun rasmi: Bagaimana untuk mengelakkan cache lama yang mempengaruhi pengalaman pengguna selepas kemas kini versi?