Rumah > hujung hadapan web > html tutorial > Css常用操作――――――图片_html/css_WEB-ITnose

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

WBOY
Lepaskan: 2016-06-24 11:18:06
asal
894 orang telah melayarinya

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="2.jpg" alt="背景" width="200px" height="200px">        </a>        <div class="text">一张背景图</div>    </div>    <div class="image">        <a href="#" target="_self">            <img src="2.jpg" alt="背景" width="200px" height="200px">        </a>        <div class="text">一张背景图</div>    </div>    <div class="image">        <a href="#" target="_self">            <img src="2.jpg" alt="背景" width="200px" height="200px">        </a>        <div class="text">一张背景图</div>    </div>    <div class="image">        <a href="#" target="_self">            <img src="2.jpg" alt="背景" width="200px" height="200px">        </a>        <div class="text">一张背景图</div>    </div></body></html>
Salin selepas log masuk


sumber:php.cn
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan