字體：小 中 大 |
|
|
|
| 2015/03/24 18:47:36瀏覽157｜回應0｜推薦0 | |
<style type="text/css">
.intor { bottom: 0; position: absolute; bottom: 0; width: 200px; background-color:rgba(255,0,0,0.5); /*rgba表半透明 最後一碼0~1表透明度*/ color: #fff; } ul li img { height: auto; width: 200px; bottom:0; } ul li{ position:relative; float:left; list-style:none; margin:5px; border:#000 1px solid; box-shadow:5px 5px #666; } </style> </head>
<body> <ul> <li> <img src="01.jpg" width="700" height="438" /> <div class="intor"> class "intor" 的內容放在這裡</div> </li> <li><img src="02.jpg" width="700" height="438" /> <div class="intor"> class "intor" 的內容放在這裡</div> </li> <li><img src="03.jpg" width="700" height="438" /> <div class="intor"> class "intor" 的內容放在這裡</div> </li> <li><img src="04.jpg" width="700" height="438" /> <div class="intor"> class "intor" 的內容放在這裡</div> </li> </ul> </body> |
|
| ( 知識學習｜隨堂筆記 ) |
