我想为 gitbook markdown 上的图像添加自定义样式

Question

This is the image code in my.md file:

![focal_point](../screenshots/Bildschirmfoto_Focal_Point.png)

website.css:

img[alt="focal_point"] {
  width:  40%;
}
img {
  max-width:  100%;
}

This is in my book.json file According to the doc :

{
  "name": "web-handbook",
  "version": "1.0.0",
  "gitbook": "2.5.2",
  "styles": {
    "website": "styles/website.css",
  },
  "structure": {
    "summary": "docs/SUMMARY.md"
  }
}

Answer 1

Are you looking to add new CSS styles to the image? You can add styles like so:

img[alt="focal_point"] {
  border: 5px solid red;
}

If that is not it, please elaborate on what you are trying to do.