<i id='h0iFN'><tr id='h0iFN'><dt id='h0iFN'><q id='h0iFN'><span id='h0iFN'><b id='h0iFN'><form id='h0iFN'><ins id='h0iFN'></ins><ul id='h0iFN'></ul><sub id='h0iFN'></sub></form><legend id='h0iFN'></legend><bdo id='h0iFN'><pre id='h0iFN'><center id='h0iFN'></center></pre></bdo></b><th id='h0iFN'></th></span></q></dt></tr></i><div id='h0iFN'><tfoot id='h0iFN'></tfoot><dl id='h0iFN'><fieldset id='h0iFN'></fieldset></dl></div>

    <small id='h0iFN'></small><noframes id='h0iFN'>

    <tfoot id='h0iFN'></tfoot>
    • <bdo id='h0iFN'></bdo><ul id='h0iFN'></ul>

      <legend id='h0iFN'><style id='h0iFN'><dir id='h0iFN'><q id='h0iFN'></q></dir></style></legend>
    1. 如何仅使用 CSS 创建一个圆形或方形 - 中心是空心

      时间:2023-09-08
        1. <small id='14c0V'></small><noframes id='14c0V'>

            <tbody id='14c0V'></tbody>

          <legend id='14c0V'><style id='14c0V'><dir id='14c0V'><q id='14c0V'></q></dir></style></legend>
          <tfoot id='14c0V'></tfoot>

              <bdo id='14c0V'></bdo><ul id='14c0V'></ul>

              <i id='14c0V'><tr id='14c0V'><dt id='14c0V'><q id='14c0V'><span id='14c0V'><b id='14c0V'><form id='14c0V'><ins id='14c0V'></ins><ul id='14c0V'></ul><sub id='14c0V'></sub></form><legend id='14c0V'></legend><bdo id='14c0V'><pre id='14c0V'><center id='14c0V'></center></pre></bdo></b><th id='14c0V'></th></span></q></dt></tr></i><div id='14c0V'><tfoot id='14c0V'></tfoot><dl id='14c0V'><fieldset id='14c0V'></fieldset></dl></div>
                本文介绍了如何仅使用 CSS 创建一个圆形或方形 - 中心是空心的?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

                问题描述

                它应该基本上是正方形或圆形的轮廓 - 我可以相应地设置样式(即,将颜色更改为我想要的任何颜色,更改边框的粗细等)

                It should just basically be an outline of the square or circle - that I can style accordingly (i.e. change the color to whatever I want, change the thickness of the border, etc.)

                我想将那个圆形或正方形应用到其他东西(如图像或其他东西)上,中间部分应该被挖空,这样您就可以看到正方形或圆形下方的图像.

                I would like to apply that circle or square over something else (like an image or something) and the middle part should be hollowed out, so you can see the image beneath the square or circle.

                我希望它主要是 CSS + HTML.

                I would prefer for it to be mainly CSS + HTML.

                推荐答案

                试试这个

                div.circle {
                  -moz-border-radius: 50px/50px;
                  -webkit-border-radius: 50px 50px;
                  border-radius: 50px/50px;
                  border: solid 21px #f00;
                  width: 50px;
                  height: 50px;
                }
                
                div.square {
                  border: solid 21px #f0f;
                  width: 50px;
                  height: 50px;
                }

                <div class="circle">
                  <img/>
                </div>
                 <hr/>
                <div class="square">
                  <img/>
                </div>

                更多内容

                这篇关于如何仅使用 CSS 创建一个圆形或方形 - 中心是空心的?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持html5模板网!

                上一篇:圆形按钮 css 下一篇:如何制作边缘平滑的 CSS 三角形?

                相关文章

                最新文章

                <tfoot id='JMH9z'></tfoot>
                  • <bdo id='JMH9z'></bdo><ul id='JMH9z'></ul>
                1. <legend id='JMH9z'><style id='JMH9z'><dir id='JMH9z'><q id='JMH9z'></q></dir></style></legend>

                  <small id='JMH9z'></small><noframes id='JMH9z'>

                  <i id='JMH9z'><tr id='JMH9z'><dt id='JMH9z'><q id='JMH9z'><span id='JMH9z'><b id='JMH9z'><form id='JMH9z'><ins id='JMH9z'></ins><ul id='JMH9z'></ul><sub id='JMH9z'></sub></form><legend id='JMH9z'></legend><bdo id='JMH9z'><pre id='JMH9z'><center id='JMH9z'></center></pre></bdo></b><th id='JMH9z'></th></span></q></dt></tr></i><div id='JMH9z'><tfoot id='JMH9z'></tfoot><dl id='JMH9z'><fieldset id='JMH9z'></fieldset></dl></div>