css实现div里面一个叉

html-css023

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%)

}

栗如窗口最外层class名为 closed 则这么写 $(document).ready(function(){ $('.closed').click(function(){$(this).hide()})})记得头部引入 jQuery库

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

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

希望能帮到你