Adjusting Images

You can adjust the size of an image using the width and height attributes of the img tag.

For example,

Copy
<img src="image.jpg" alt="Image Description" width="300" height="200" />

The above code sets the image size to 300 pixels wide and 200 pixels tall.

If you don't specify the image size, it will display at the original file's dimensions.

The border-radius is a CSS property that rounds the corners of an element. It is used to make images circular or to round the corners of a box.

The border-radius property can be used like this:

Copy
selector {
  border-radius: value;
}

Here, selector refers to the element whose corners you want to round. The value specifies how round the corners should be, using either pixels (px) or percentage (%).

For example, the following CSS code rounds the corners of an element with the class box by 10 pixels.

Copy
.box {
  border-radius: 10px;
}