2012-11-20 19 views
7

मैं अपनी वेबसाइट पर अपने साइड-बार के लिए एक अतिरिक्त <hr> टैग शैली की तलाश में हूं।स्टाइल अतिरिक्त <hr> टैग?

यदि मैं पहले से ही एक घंटा परिभाषित किया गया है तो मैं यह कैसे कर सकता हूं?

hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 22px 0 21px; height: 0; } 

क्या मैं शैली जोड़ सकता हूं?

hr.side { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 22px 0 21px; height: 0; } 

तो एचटीएमएल

<hr class="side"> हो सकता है?

+0

में एम्बेडेड रहे हैं ओवरराइड, लेकिन शैली के बजाय कक्षा – dmi3y

उत्तर

15

उपयोग

hr.side { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 22px 0 21px; height: 0; } 

तो

<hr class="side"> 
आईडी पर

सीएसएस में . एक वर्ग को संदर्भित करता है, और #

संपादित करें:

यदि आप वास्तव में वास्तव में करना चाहता था style="" के साथ इनलाइन स्टाइल, तो यह लू होगा इस

<hr style="border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 22px 0 21px; height: 0;"> 

यह पिछले विधि वास्तव में सुझाया गया तरीका नहीं है, लेकिन अच्छा काम करता है अगर आप सभी सीएसएस स्टाइल शीट ओवरराइड करना चाहते तरह k, और किसी भी <style> </style> टैग कि हाँ HTML पृष्ठ