ढाँचा सूची र तालिकाहरू तपाइँको वेबसाइट मा जानकारी प्रदर्शन को एक आवश्यक भाग हो। CSS ले तपाईंको मनपर्ने सूची र तालिकाहरू सिर्जना गर्न र अनुकूलन गर्न गुणहरू र वर्गहरू प्रदान गर्दछ। यहाँ CSS मा सूची र तालिकाहरू कसरी ढाँचा गर्ने भन्ने बारे विस्तृत गाइड छ।
ढाँचा सूचीहरू
अक्रमित सूची(ul)
मुख्य सम्पत्ति: सूची-शैली-प्रकार।
मानहरू none, disc, circle, square:।
उदाहरण:
ul {
list-style-type: disc;
}
क्रमबद्ध सूची(ol)
मुख्य सम्पत्ति: सूची-शैली-प्रकार।
मानहरू: कुनै पनि छैन(पूर्वनिर्धारित), दशमलव, लोअर-अल्फा, अपर-अल्फा, लोअर-रोमन, अपर-रोमन।
उदाहरण:
ol {
list-style-type: decimal;
}
परिभाषा सूची(dl)
मुख्य गुण: परिभाषा सूचीहरू ढाँचा गर्न कुनै विशेष CSS गुण छैन। यद्यपि, तपाइँ वर्गहरू वा अन्य गुणहरू प्रयोग गरी सूची भित्रका तत्वहरूलाई शैली बनाउन सक्नुहुन्छ font-size, font-weight, margin, padding, etc.
उदाहरण:
<dl>
<dt>HTML</dt>
<dd>A markup language for creating web pages</dd>
<dt>CSS</dt>
<dd>A styling language for web pages</dd>
</dl>
dt {
font-weight: bold;
}
ढाँचा तालिकाहरू
तालिका संरचना ढाँचा
मुख्य सम्पत्ति border-collapse:।
मानहरू: separate(default), collaps ई।
उदाहरण:
table {
border-collapse: collapse;
}
तालिका सीमा ढाँचा
मुख्य सम्पत्ति border:।
मानहरू: सीमा मान, उदाहरणका लागि 1px solid black:।
उदाहरण:
table {
border: 1px solid black;
}
सेल सीमा ढाँचा
मुख्य सम्पत्ति border:।
मानहरू: सीमा मान, उदाहरणका लागि 1px solid black:।
उदाहरण:
td, th {
border: 1px solid black;
}
तालिका कक्षहरूको पङ्क्तिबद्धता र स्पेसिङ
मुख्य गुणहरू text-align, padding:।
- टेक्स्ट-पङ्क्तिबद्ध: पङ्क्तिबद्ध मानहरू, उदाहरणका लागि
left, right, center:। - प्याडिङ: कक्षहरू भित्र स्पेसिङ मान, उदाहरणका लागि: 10px।
उदाहरण:
th {
text-align: center;
padding: 10px;
}
तालिकाहरूमा पृष्ठभूमि र पाठ रङ
मुख्य गुणहरू: background-color, color
background-color: पृष्ठभूमि रङ मान, उदाहरणका लागिlightgray:।color: पाठ रङ मान, उदाहरणका लागिwhite:।
उदाहरण:
table {
background-color: lightgray;
color: white;
}
तालिकाहरूमा स्तम्भ र पङ्क्तिको आकार
मुख्य गुणहरू width:। height
width: चौडाइ मान, उदाहरणका लागि: "100px", "20%"।height: उचाइ मान, उदाहरणका लागि: "50px", "10%"।
उदाहरण:
th {
width: 100px;
height: 50px;
}
यो CSS मा सूची र तालिकाहरू ढाँचा कसरी गर्ने भन्ने बारे विस्तृत गाइड हो। तपाईं सूची र तालिका शैलीहरू सिर्जना गर्न मान र गुणहरू अनुकूलित गर्न सक्नुहुन्छ जुन तपाईंको वेबसाइटमा तपाईंको डिजाइन आवश्यकताहरू अनुरूप हुन्छ।