Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/visual-studio-2008/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 圆形内裁剪并居中的背景图像_Css_Background Image - Fatal编程技术网

Css 圆形内裁剪并居中的背景图像

Css 圆形内裁剪并居中的背景图像,css,background-image,Css,Background Image,我想裁剪它,并将其设置为锚定标记的背景图像,锚定标记是一个圆,我如何才能做到这一点 a{ 显示:内联块; 宽度:100px; 高度:100px; 颜色:#000; 边框:1px纯黑; 边界半径:50%; 盒影:0 0 4px黑色; 文本对齐:居中; 线高:100px; 文字装饰:无; } a:悬停{ 背景:#ffff99; 边框颜色:白色; } 您可以使用来定位背景,也可以使用(IE8不支持)来缩放背景: a{ 背景图像:url(“http://www.kruger-us-targets.

我想裁剪它,并将其设置为锚定标记的
背景图像,锚定标记是一个圆,我如何才能做到这一点

a{
显示:内联块;
宽度:100px;
高度:100px;
颜色:#000;
边框:1px纯黑;
边界半径:50%;
盒影:0 0 4px黑色;
文本对齐:居中;
线高:100px;
文字装饰:无;
}
a:悬停{
背景:#ffff99;
边框颜色:白色;
}

您可以使用来定位背景,也可以使用(IE8不支持)来缩放背景:

a{
背景图像:url(“http://www.kruger-us-targets.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/1/3/1300_p.png");
背景位置:中心;
背景大小:190%;
显示:内联块;
宽度:100px;
高度:100px;
颜色:#fff;
边框:1px纯黑;
边界半径:50%;
盒影:0 0 4px黑色;
文本对齐:居中;
线高:100px;
文字装饰:无;
}
a:悬停{
颜色:#000;
背景:#ffff99;
边框颜色:白色;
}

您可以使用来定位背景,也可以使用(IE8不支持)来缩放背景:

a{
背景图像:url(“http://www.kruger-us-targets.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/1/3/1300_p.png");
背景位置:中心;
背景大小:190%;
显示:内联块;
宽度:100px;
高度:100px;
颜色:#fff;
边框:1px纯黑;
边界半径:50%;
盒影:0 0 4px黑色;
文本对齐:居中;
线高:100px;
文字装饰:无;
}
a:悬停{
颜色:#000;
背景:#ffff99;
边框颜色:白色;
}

您可以使用来定位背景,也可以使用(IE8不支持)来缩放背景:

a{
背景图像:url(“http://www.kruger-us-targets.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/1/3/1300_p.png");
背景位置:中心;
背景大小:190%;
显示:内联块;
宽度:100px;
高度:100px;
颜色:#fff;
边框:1px纯黑;
边界半径:50%;
盒影:0 0 4px黑色;
文本对齐:居中;
线高:100px;
文字装饰:无;
}
a:悬停{
颜色:#000;
背景:#ffff99;
边框颜色:白色;
}

您可以使用来定位背景,也可以使用(IE8不支持)来缩放背景:

a{
背景图像:url(“http://www.kruger-us-targets.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/1/3/1300_p.png");
背景位置:中心;
背景大小:190%;
显示:内联块;
宽度:100px;
高度:100px;
颜色:#fff;
边框:1px纯黑;
边界半径:50%;
盒影:0 0 4px黑色;
文本对齐:居中;
线高:100px;
文字装饰:无;
}
a:悬停{
颜色:#000;
背景:#ffff99;
边框颜色:白色;
}