まず最初に、ありがちな次のようなものを作ってみました。 HTMLはだいたいこんな感じ。 <!doctype html> <html> <head> <meta charset="UTF-8" /> <title>HTML+CSS3で作る×ボタン</title> <style> .popup { background-color: white; color: #888; border: solid 1px; border-radius: 10px; position: absolute; top: 5em; left: 5em; width: 8em; height: 10em; } .popup > .content { position: absolute; top: 0.5em ; bottom: 0.5em ; left: 0.5em ; right: 0.5em ; color:
![☆CSSテクニック☆Borderの継ぎ目 - 株式会社CFlatの明後日スタイルのブログ](https://cdn-ak-scissors.b.st-hatena.com/image/square/551bec893c9c83fdad28235d0fa02c1daa5c5775/height=288;version=1;width=512/http%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fc%2Fcflat-inc%2F20130904%2F20130904082842.png)