如何在html中圈出圆圈 [英] how to border the circle in html

问题描述

HEllo朋友，



i希望边框以红色圈出来。有什么想法。请让我知道。

i创建css如下

HEllo friends,

i want border to circle in red color.is there any idea .please let me know.
i create css as follows

.circle {
      width: 22px;
    height: 22px;
    background: #FF8C00;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    -webkit-text-stroke-width: 2px;
   -webkit-text-stroke-color: #191970;
      -webkit-border-image:blue;
      font-size:0.95em;
}

我有

and i have

<input class=" circle" type="text" value="&amp;" align="right" style="color:white" align="bottom"  />

推荐答案

请添加css代码

Please add the css code

border: 1px solid red;

使用 border ：

Use the border:

.circle {
      width: 22px;
    height: 22px;
    background: #FF8C00;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    -webkit-text-stroke-width: 2px;
   -webkit-text-stroke-color: #191970;
      -webkit-border-image:blue;
      font-size:0.95em;
    border:solid 1px red;
}

-KR

-KR

添加边框 - 颜色适当CSS类中的ty。请参阅以下代码：

Add border-color property in CSS class. See below code:

.circle {
    width: 22px;
    height: 22px;
    background: #FF8C00;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    border-color: red;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #191970;
    -webkit-border-image:blue;
    font-size:0.95em;
}

这篇关于如何在html中圈出圆圈的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！