重複の可能性:
画像を含む html/css 六角形
私は、CSS がチーム メンバーの写真の画像の周りに境界線を持つ円を作成できるようにするテーマを使用しています。境界線の代わりに六角形を作成するさまざまな方法を試していました。しかし、境界を達成することはできませんでした。だから今、私は、透明で中心から切り出された六角形の画像を配置し、ロードされた画像の上に何らかの形で配置する方が簡単かどうか（または可能性がありますか？
絶対配置を試すことの唯一の欠点は、モバイルで表示したときにサイトの応答性が低下しているように見えることです。
これがサークルのサイトテーマです - http://themes.codehunk.me/wp/infringe/shortcodes/team-clients/
これは私のサイトで、画像がオーバーレイされています - http://splendidangst.com/about-us/