CSS 基础教程-063 CSS 边框样式

由 hrs, 10 二月, 2020

实例代码：

<!doctype html>
<html>
        <head>
                <meta charset="utf-8">
                <style type="text/css">
                    figcaption{text-align:left;}/*设置图像标题的对齐方式*/
                    img{border-style:outset; /*输出图像边框的样式*/
                    border-width:6px;/*输出图像边框的大小*/
                    width:200px;  /*设置图像的宽度*/
                    height:200px;/*设置图像的高度*/
                    }
                </style>
        </head>
        <body>
                <h3>边框实例</h3>
                <img src="img/beijing.jpeg" alt="加载失败"></img>
                <figcaption>这是图像标题</figcaption>
        </body>
</html>
~

运行效果：

css_063.png

标签

评论