css实现div里面一个叉

html-css010

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代码,实现默认图片.

希望能帮到你

CSS 指层叠样式表 (Cascading Style Sheets)，样式定义如何显示 HTML 元素。CSS样式表又分为三种方式，内联样式表、内联引用和外部样式表。下面具体介绍它们的写法：

1.内联样式表：在HTML文档头部 <head>区域使用<style>元素 来包含CSS。

2.内联引用： 在HTML元素中使用"style" 属性，直接对指定元素应用样式。

3.外部样式表：将样式单独写在CSS文件内，通过引入外部 CSS 文件来应用样式。这种方法常应用于大型开发中。