Javascript 如何添加设置的边界半径？

我在网上浏览了一下，看到了一篇文章，内容是关于在每次刷新页面时都要更改img和报价，并且页面处于堆栈溢出状态 这是代码，归功于原始开发人员，但我只想知道我可以在哪里添加类img circle，这样它就可以在css中为图像添加圆形边框，抱歉，这是我在Stackoverflow中的第一篇文章

(function() {
  var quotes = [
    {
      text: "text1",
      img:  "http://i.stack.imgur.com/FqBE6.jpg?s=32&g=1"
    },
    {
      text: "text2",
      img:  "https://www.gravatar.com/avatar/ca3e484c121268e4c8302616b2395eb9?s=32&d=identicon&r=PG",
    }
  ];
  var quote = quotes[Math.floor(Math.random() * quotes.length)];
  document.getElementById("quote").innerHTML =
    '<p>' + quote.text + '</p>' +
    '<img src="' + quote.img + '">';
})();

（函数（）{
变量引号=[
{
文本：“文本1”，
img:“http://i.stack.imgur.com/FqBE6.jpg?s=32&g=1"
},
{
文本：“文本2”，
img:“https://www.gravatar.com/avatar/ca3e484c121268e4c8302616b2395eb9?s=32&d=identicon&r=PG",
}
];
var quote=quotes[Math.floor（Math.random（）*quotes.length）]；
document.getElementById（“quote”）.innerHTML=
“”+quote.text+”
”+
'';
})();

只需将其添加到

img

code:

'<img class="img-circle" src="' + quote.img + '">';

---

只需将其添加到

img

代码：

'<img class="img-circle" src="' + quote.img + '">';

---

在img标记内添加一个样式属性，并设置边框半径

'<img src="' + quote.img + '" style="border-radius: 100%;">';

”；

在img标记内添加一个样式属性，并设置边框半径

'<img src="' + quote.img + '" style="border-radius: 100%;">';

”；

在html标记中添加类名，如

class=“circle image”

（函数（）{
变量引号=[
{
文本：“文本1”，
img:“http://i.stack.imgur.com/FqBE6.jpg?s=32&g=1"
},
{
文本：“文本2”，
img:“https://www.gravatar.com/avatar/ca3e484c121268e4c8302616b2395eb9?s=32&d=identicon&r=PG",
}
];
var quote=quotes[Math.floor（Math.random（）*quotes.length）]；
document.getElementById（“quote”）.innerHTML=
“”+quote.text+”
”+
'';
})();
。圆形图像{
边界半径：50%；
}
在html标记中添加类名，如
class=“circle image”


（函数（）{
变量引号=[
{
文本：“文本1”，
img:“http://i.stack.imgur.com/FqBE6.jpg?s=32&g=1"
},
{
文本：“文本2”，
img:“https://www.gravatar.com/avatar/ca3e484c121268e4c8302616b2395eb9?s=32&d=identicon&r=PG",
}
];
var quote=quotes[Math.floor（Math.random（）*quotes.length）]；
document.getElementById（“quote”）.innerHTML=
“”+quote.text+”
”+
'';
})();
。圆形图像{
边界半径：50%；
}