如何在html中圈出圆圈

本文介绍了如何在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"  />

推荐答案

border: 1px solid red;

.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

.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中圈出圆圈的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！