したがって、これらの4つのボックスが左に浮いていて、それぞれがページの幅の50%になっています。の輪郭1px solid gray
を描きたいし、角を6pxで丸めたい。使用できることはわかっていますborder:1px solid gray;
がborder-radius:6px;
、問題は、境界線によって要素に幅が追加されることです。また、ボックスの幅は50%で、左に浮いているため、境界線を追加することはできません。では、アウトラインの角を丸くすることは可能ですか?
Edit:CSSのみのソリューションが最適です。これは、IE6を除くすべてのブラウザーをサポートする必要があるためです。