2010-04-10 8 views
5

मुझे यकीन नहीं है कि यह HTML में बिल्कुल संभव है, लेकिन मैं अभी भी इसे यहां पूछूंगा:क्या कोई HTML कोड है जो एक अंडाकार या गोलाकार आयताकार प्रदर्शित करेगा?

क्या कोई HTML कोड है जो एक अंडाकार या गोलाकार आयताकार के लिए खड़ा होगा?

+0

हिंसक। छवि टैग जबरदस्त हंसी। – Pierreten

उत्तर

9

एक और विचार पर, यह काफी संभव है! ये लीजिए:

http://virkkunen.net/b/oh-dear.html

शुद्ध एचटीएमएल! यह किसी भी नए-फंसे हुए सीएसएस या जावास्क्रिप्ट या व्हाट्सवर्स्क्रिप्ट का भी उपयोग नहीं करता है।

+0

वाह, मैटी, यह कुछ है !!! आप से बहुत ज्यादा – brilliant

+1

कृपया वास्तव में * इसका उपयोग न करें ... –

3

हां, कैनवास। लेकिन यह वास्तव में कैनवास HTML टैग है, जो जावास्क्रिप्ट के साथ मिलकर है। यहां कैनवास के बारे में और पढ़ें http://en.wikipedia.org/wiki/Canvas_element

+0

यह बहुत दुखद है कि कैनवास प्राप्त करने में इतना समय लगा! – Pierreten

+0

खराब प्रदर्शन नहीं होना चाहिए, लेकिन यह न भूलें कि यह कैनवास अनुकरण के लिए अतिरिक्त जावास्क्रिप्ट के लोड के बिना IE पर काम नहीं करेगा। –

-1

नहीं।

+0

आपकी अन्य पोस्ट इस से विरोधाभासी है! : पी – Ponkadoodle

4

यदि आप एचटीएमएल और सीएसएस का उपयोग करते हैं तो आप यह कर सकते हैं। यदि आपको ब्राउज़र-विशिष्ट सीएसएस का उपयोग करने में कोई फर्क नहीं पड़ता है, तो आप इसे फ़ायरफ़ॉक्स में -मोज़, क्रोम और सफारी के साथ -webkit, और IE9 और Opera 10.5 के साथ सीएसएस 3 सामान के साथ काम कर सकते हैं जो एक हाइफ़न से शुरू नहीं होता है। CSS3 में

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
     <title> 
      Rounded 
     </title> 
     <style type="text/css"> 
      div { 
       -moz-border-radius-topleft: 6px; 
       -webkit-border-top-left-radius: 6px; 
       border-top-left-radius: 6px; 
       -moz-border-radius-bottomleft: 6px; 
       -webkit-border-bottom-left-radius: 6px; 
       border-bottom-left-radius: 6px; 
       -moz-border-radius-topright: 6px; 
       -webkit-border-top-right-radius: 6px; 
       border-top-right-radius: 6px; 
       -moz-border-radius-bottomright: 6px; 
       -webkit-border-bottom-right-radius: 6px; 
       border-bottom-right-radius: 6px; 
       border:solid 1px black; 
       padding:10px; 
       background-color:#efefef; 
      } 
     </style> 
    </head> 
    <body> 
     <div>I'm rounded!</div> 
    </body> 
</html> 
+0

धन्यवाद, क्रिस !!! – brilliant

+0

ध्यान दें कि IE9 में अभी तक रिलीज़ की तारीख भी नहीं है ... मुझे लगता है कि 2011 में कुछ समय तक नहीं ... –

1

सीमा त्रिज्या आप (आईई .../थूक से अलग) अधिकांश ब्राउज़र में ऐसा करने की अनुमति देगा। http://www.css3.info/preview/rounded-border/

एचटीएमएल 5 एक कैनवास टैग प्रदान करता है, जो जावास्क्रिप्ट का उपयोग करके कुछ खींचा जाने की अनुमति देगा। फिर, ब्राउज़र समर्थन अभी भी चल रहा है।

आप शायद शुद्ध एचटीएमएल में जो भी पूछ रहे हैं, वह करने में सक्षम नहीं होंगे।

+0

2010/04/10 तक, केवल ओपेरा 10.5 CSS3 के साथ ऐसा करेगा (और मुझे लगता है * आईई 9 पूर्वावलोकन)। क्रोम 5.0.371.0, सफारी 4.0.5, और एफएफ 3.6.3 के लिए, आपको विक्रेता एक्सटेंशन का उपयोग करने की आवश्यकता है। – Chris

2

आप चाल का उपयोग करके उन दोनों में से किसी के पास हो सकता है पाया here

बहुत सारे और अपेक्षाकृत छोटे सीमाओं के साथ divs के बहुत सारे (आप मनमाने ढंग से आकार/तैनात समकोण त्रिकोण divs का उपयोग कर प्रस्तुत करने के लिए अनुमति देता है)। सभी ऊंचाइयों और चौड़ाईओं को हार्ड कोड में लंबा समय लगेगा, लेकिन आप अपने लिए एचटीएमएल कोड जेनरेट करने के लिए एक स्क्रिप्ट लिख सकते हैं।

बेशक, सबसे आसान और तेज़ (विकास समय के मामले में, पृष्ठ डाउनलोड करने के लिए आवश्यक समय, और संभवतः समय प्रदान करने की आवश्यकता) समाधान शुद्ध एचटीएमएल के अलावा कुछ और उपयोग करना होगा, क्योंकि अन्य लोगों ने पहले से ही सुझाव दिया है ।

+0

एलओएल। बहुत बढ़िया चाल – Chris

+0

आश्चर्यजनक आश्चर्यजनक !!!! – brilliant

संबंधित मुद्दे