css实现div里面一个叉

html-css09

css实现div里面一个叉,第1张

你可以使用CSS的伪元素属性:after来实现div里面一个叉。你可以设置该 “叉” 的大小和位置,并使用你可以使用CSS的伪元素属性:after来实现div里面一个叉。你可以设置该 “叉” 的大小和位置,你可以使用下面的CSS代码来实现:

div::after {

content: "X"

width: 10px

height: 10px

position: absolute

top: 50%

left: 50%

transform: translate(-50%, -50%)

}

<img src="image path" onerror="this.src='default image path'" />

间接的一种实现方式,单纯的使用CSS是做不到的,这么写如果图片存在的话就显示src里面的图片,如果src的图片不存在或读取错误,就会执行onerror里面的js代码,实现默认图片.

希望能帮到你