吴裕雄 Bootstrap 前端框架开发——Bootstrap 图片：将图片变为圆形 (IE8 不支持)

Posted tszr

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了吴裕雄 Bootstrap 前端框架开发——Bootstrap 图片：将图片变为圆形 (IE8 不支持)相关的知识，希望对你有一定的参考价值。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8"> 
        <title>菜鸟教程(runoob.com)</title> 
        <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">  
        <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
        <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    </head>
    <body>

        <div class="container">
            <h2>图片</h2>
            <p> .img-circle 类将图片变为圆形 (IE8 不支持):</p>            
            <img src="tu/cat.jpg" class="img-circle" alt="Cinque Terre" width="304" height="236"> 
        </div>

    </body>
</html>

技术图片

 

以上是关于吴裕雄 Bootstrap 前端框架开发——Bootstrap 图片：将图片变为圆形 (IE8 不支持)的主要内容，如果未能解决你的问题，请参考以下文章

吴裕雄 Bootstrap 前端框架开发——Bootstrap 排版：强调

吴裕雄 Bootstrap 前端框架开发——Bootstrap 排版：列表

吴裕雄 Bootstrap 前端框架开发——Bootstrap 显示代码

吴裕雄 Bootstrap 前端框架开发——Bootstrap 按钮：分割按钮

吴裕雄 Bootstrap 前端框架开发——Bootstrap 排版：引用（Blockquote）

吴裕雄 Bootstrap 前端框架开发——Bootstrap 按钮：自适应大小的按钮组