छवियों का उपयोग करने के बजाय, मैं सोच रहा था कि क्या कोई जानता है कि सीएसएस का उपयोग करके रूपरेखाओं के साथ छोटी सर्कल कैसे बनाएं।क्या सीएसएस के माध्यम से छोटे सर्किल बनाना संभव है?
मैं बैलसेई प्रतीक या लक्ष्य लोगो के समान कुछ करने की कोशिश कर रहा हूं।
इस पुस्तकालय पर एक नज़र डालें: हलकों वहाँ http://jsdraw2d.jsfiction.com/demo/circleellipse.htm
आप डीवी के गोलाकार कोनों के साथ उपयोग कर सकते हैं।
<style>
.circle{
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
border:1px solid #ccc;
width:8px;
height:8px;
}
</style>
<div class="circle"></div>
लेकिन, हो सकता है, कैनवास और जावास्क्रिप्ट का उपयोग करना बेहतर हो।
सुनिश्चित नहीं हैं कि मैं वास्तव में अपने प्रश्न समझ में आ में उदाहरण हैं ड्राइंग के लिए http://jsdraw2d.jsfiction.com/
, लेकिन यह कैसे आप सीएसएस के साथ एक वृत्त है:
.circle
{
height: 100px;
width: 100px;
display: block;
border: 1px solid black;
border-radius: 100px;
}
किसी और के लिए जो एक छोटा सर्कल आकर्षित करना चाहता है, निम्न कोड सर्कल का आकार बदलने के लिए पैमाने का उपयोग करता है। बस पैमाने के मूल्यों को चार्ज करें और आप जाने के लिए अच्छे हैं!
.circle{
border: 2px solid #1111a1;
padding: 10px 40px;
background: #dddddd;
width: 1px;
height: 60px;
border-radius: 100px;
transform: scale(0.5, 0.5);
}
कौन सा HTML/CSS मानक आप लक्ष्यीकरण कर रहे हैं? यह 'कैनवास' टैग का उपयोग करके काफी सीधे है। (आईआईआरसी, एडोब इलस्ट्रेटर एक प्रारूप में निर्यात करेगा जो किसी पृष्ठ पर एम्बेड किया जा सकता है)। –
मुझे लगता है कि मेरा जवाब यहां वही है जो आप खोज रहे हैं: http://stackoverflow.com/questions/4840736/easier-way-to-create-circle-div-than-using-an-image/4844059#4844059 - यदि नहीं, तो मुझे बताएं। – thirtydot