मात्र एचटीएमएल और सीएसएस से त्रिभुज कैसे बनाएं

इन 4 कमांडों से लिनक्स आपरेटिंग सिस्टम के विषय में विस्तृत जानकारी प्राप्त करें

यदि आपके पास लिनक्स मशीन है तो आप यह तो जानते ही होंगे कि यह कौन सा...

नेक्स्ट क्लाउड: ड्रॉपबॉक्स और गूगल ड्राइव का मुफ्त और मुक्तस्रोत विकल्प

नेक्स्ट क्लाउड क्या हैनेक्स्ट क्लाउड पीएचपी आधारित मुक्तस्रोत साफ़्टवेयर है जिसके जरिए हम...

Ubuntu 20.10 डाउनलोड के लिए उपलब्ध

ब्रेकिंग न्यूज! उबंटू 20.10 ग्रूवी गोरिल्ला जारी हो चुका है।उबंटू 20.10 ग्रूवी...
Ankur Gupta
Ankur Guptahttps://antarjaal.in
पेशे से वेब डेवेलपर, पिछले १० से अधिक वर्षों का वेबसाइटें और वेब एप्लिकेशनों के निर्माण का अनुभव। वर्तमान में ईपेपर सीएमएस क्लाउड (सॉफ्टवेयर एज सर्विस आधारित उत्पाद) का विकास और संचालन कर रहे हैं। कम्प्यूटर और तकनीक के विषय में खास रुचि। लम्बे समय तक ब्लॉगर प्लेटफॉर्म पर लिखते रहे. फिर अपना खुद का पोर्टल आरम्भ किया जो की अन्तर्जाल डॉट इन के रूप में आपके सामने है.

सामान्यत: यदि हमें जालपृष्ठों में त्रिभुज दिखाना हो तो किसी चित्र की सहायता लेनी पड़ती है। इस लेख में हम मात्र एचटीएमएल और सीएसएस के जरिए त्रिभुज बनाना सीखेंगे।

READ  यूनो प्लेटफार्म के जरिए लिनक्स पर विंडोज कैलकुलेटर ऐप इंस्टॉल करें

निम्नलिखित कोड आपके ब्राउज़र में दो त्रिभुज पैदा करेगा:

[html]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<style type="text/css">
#arrow_top
{
width:0px; height:0px;
border-left:10px solid transparent;
border-right:10px solid transparent;
border-bottom:10px solid black;
}
#arrow_bottom
{
width:0px; height:0px;
border-left:10px solid transparent;
border-right:10px solid transparent;
border-top:10px solid black;
}
</style>
<body>

<div id="arrow_top">
</div>
<br />
<br />
<div id="arrow_bottom">
</div>

</body>
</html>

[/html]

अब जरा ऊपर वाले कोड में ध्यान दें, तो समझ में आएगा कि ये त्रिभुज और कुछ नही बल्कि शून्य आकार के डिब्बे की सीमा रेखाएं हैं। यदि हम दाईं बाईं सीमा रेखाओं को मोटा करके गायब (Transparent)कर दें और नीचे वाली सीमा रेखा को मोटा करके ठोस रूप में दिखा दें तो ऊपर की ओर मुंह किए हुए एक त्रिभुज बन जाएगा। कुछ इस प्रकार से:

READ  एंड्रायड को बिना root किए एंड्रायड में hosts फाइलें संपादित करें

मात्र एचटीएमएल और सीएसएस से त्रिभुज कैसे बनाएं 3

तो है ना मजेदार और आसान!

इन 4 कमांडों से लिनक्स आपरेटिंग सिस्टम के विषय में विस्तृत जानकारी प्राप्त करें

यदि आपके पास लिनक्स मशीन है तो आप यह तो जानते ही होंगे कि यह कौन सा...

नेक्स्ट क्लाउड: ड्रॉपबॉक्स और गूगल ड्राइव का मुफ्त और मुक्तस्रोत विकल्प

नेक्स्ट क्लाउड क्या हैनेक्स्ट क्लाउड पीएचपी आधारित मुक्तस्रोत साफ़्टवेयर है जिसके जरिए हम ड्रॉपबॉक्स जैसी फाइल होस्टिंग सेवाओं...

Ubuntu 20.10 डाउनलोड के लिए उपलब्ध

ब्रेकिंग न्यूज! उबंटू 20.10 ग्रूवी गोरिल्ला जारी हो चुका है।उबंटू 20.10 ग्रूवी गोरिल्ला "एक अल्पकालिक रिलीज" है।...

आउटलुक में ईमेल एलियास कैसे जोड़ें?

ईमेल एलियास हमारे प्राथमिक ईमेल पते के अतिरिक्त एक ऐसा ईमेल पता पता होता है जिसे कि हम अपने मौजूदा ईमेल खाते...

Pop OS Linux की‌ 5 खास विशेषताएं

Pop OS एक अमेरिकी कम्प्यूटर निर्माता कंपनी System76 द्वारा विकसित किया गया लिनक्स वितरण है। Pop OS Ubuntu पर आधारित है। इसमें...

More Articles Like This