在 HTML5 中，可以使用 CSS（层叠样式表）来给图像添加边框

原创

已于 2024-12-16 15:38:07 修改

· 2.8k 阅读

4 ·

版权

文章标签：

#java #css #html

于 2020-06-26 12:18:20 首次发布

这篇博客介绍了如何使用HTML5中的CSS `border`属性为图像添加边框，详细阐述了如何通过一个声明一次性设置边框的宽度、样式和颜色。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HTML5 是一种用于构建网页的标准标记语言。在 HTML5 中，可以使用 CSS（层叠样式表）来给图像添加边框。以下是一个简单的示例代码，展示了如何给图像添加边框：

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>给图像添加边框</title>
    <style>
        .image-with-border {
     
            border: 2px solid black; /* 设置边框宽度为2像素，颜色为黑色 */
            padding: 10px