CSS border-radius 角丸にならない

Question

問題点

• HTML,CSSでWEBページを作っています。（FC2を活用）
• ブロック要素の角を丸くしたく、border-radius　10ptを設定したのですが、Chromeでは丸く表示されません。
• 原因や対応方法がわかりましたら教えていただけると幸いです。

対象となっているWEBページと確認状況

（WEBページURL）
https://iiyudane.web.fc2.com/index.html

（確認状況）

• Edgeでは角丸で表示される。
• Chromeでは角丸で表示されない。
• ただし、ローカルのデスクトップにファイルをおいてChromeで表示すると角丸になる。

該当のソースコード（CSS）

.centering_item1 {
    background-color: #80c1ff;  /* 背景色指定 */
    width: 400px;               /* 幅指定 */
    height:300px;               /* 高さ指定 */
    margin:  50px;               /* 外側の余白 */
    display: inline-block;      /* インラインブロックにする */
    vertical-align: top;        /* インラインブロックの配置上合わせ */
    border-radius: 10px;        /* 角まるめ */
}

Answer 1

スーパーリロードをお試しください。

「Ctrl + Shift + R」

（現状のコードだけをみた限りだと、問題になりそうな記述は見受けられませんでした。

Comments

[shirakoponzu000]

ありがとうございます。
なぜ角丸だけ更新が反映されなかったのかよくわかりませんが、
角丸できました。

[kyoya0819]

キャッシュの問題です。