css如何在文档里添加图片

html-css020

css如何在文档里添加图片,第1张

css只能通过背景图形式来给文档添加图片

background-image: url(图片地址)

background: url(图片地址) 0 0 no-repeat

.img1{

background-image: url(1.jpg)

background-size: 200px

}

<div class="img1"></div>

可以使用CSS中的animation属性和@keyframes规则来实现图片自上而下落下来的动画效果。例如：

# image {

position: relative//图片的相对位置

animation: falling 1s linear//动画名称为falling，持续时间1s，动画速度变化线性

}

@keyframes falling {

0% { top: 0px} //初始时图片位于顶部

100% { top: 300px} //最终时图片位于300px处

}