CSS Cercle frontière

<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <title>1</title>
        <style type="text/css">
body{margin:100px;}
#x
{
    position:relative;
    width:300px;
    height:360px;
    background-color:#07284a;
    -moz-border-radius: 30px;
    -webkit-border-radius:30px;
    -khtml-border-radius:30px;
    border-radius:30px;
    border:1px solid #37629B;
}
#f
{
    background-color:#07284a;
    width:126px;
    height:126px;
    position:absolute;
    right:-63px;
    top:-63px;
    -moz-border-radius: 63px;
    -webkit-border-radius:63px;
    -khtml-border-radius:63px;
    border-radius:63px;
    border:1px solid red;
}
        </style>
    </head>
<body>
<div id="x">
    <div id="f"></div>
</div>

À l'intérieur du bloc "x" apparaît à la bordure rouge de cercle...
Comment je peux supprimer 25% des frontières de cercle? Désolé pour le mauvais anglais

AJOUTÉ

http://www.flickr.com/photos/26325973@N02/5223999393/

Pouvez-vous essayer de vous expliquer plus en détail ce que tu veux dire par "Comment puis-je supprimer 25% des frontières de cercle?" Peut-être que Google Translate peut aider 🙂
Voici le code sur un jsfiddle: jsfiddle.net/5MZMj
Je vois que vous êtes en utilisant le code corrigé est fourni dans votre CSS autre question liée ici: stackoverflow.com/questions/4313958/.... Vous avez encore le besoin d'accepter une réponse.
Jusqu'voter pour la photo sur Flickr 🙂 "Une image vaut mille mots"

OriginalL'auteur Isis | 2010-12-01

7

Je crois que vous voulez supprimer en bas à gauche trimestre de la frontière, de sorte qu'il se confond avec le grand rectangle. Vous pouvez le faire en supprimant la bordure du bas et la rotation de 45 degrés, de sorte que la partie inférieure devient le bas-gauche:
```
border-bottom-color: transparent;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
```
OriginalL'auteur casablanca

Vous devez vous connecter pour publier un commentaire.