Culebro Wiki: Difference between revisions

From Culebro Wiki
Jump to navigation Jump to search
No edit summary
Tag: Manual revert
No edit summary
Tag: Reverted
Line 278: Line 278:
* [[VISUALIZACIÓN HOLOGRÁFICA]]
* [[VISUALIZACIÓN HOLOGRÁFICA]]
* [[YO ARTIFICIAL]]
* [[YO ARTIFICIAL]]
<div class="tabs">
  <input type="radio" id="tab1" name="tab" checked>
  <label for="tab1">A-C</label>
  <div class="tab-content">
    <ul>
      <li>Apple</li>
      <li>Banana</li>
      <li>Cherry</li>
    </ul>
  </div>
  <input type="radio" id="tab2" name="tab">
  <label for="tab2">D-F</label>
  <div class="tab-content">
    <ul>
      <li>Dog</li>
      <li>Elephant</li>
      <li>Frog</li>
    </ul>
  </div>
</div>
<style>
.tabs {
  display: flex;
  flex-direction: column;
}
.tabs input {
  display: none;
}
.tabs label {
  cursor: pointer;
  padding: 10px;
  background-color: #ddd;
  border: 1px solid #ccc;
  margin: 0;
}
.tabs .tab-content {
  display: none;
  padding: 10px;
  border: 1px solid #ccc;
  border-top: none;
}
.tabs input:checked + label + .tab-content {
  display: block;
}
</style>

Revision as of 00:11, 23 January 2025

HOLA BIENVENIDOS


 <input type="radio" id="tab1" name="tab" checked>
 <label for="tab1">A-C</label>
  • Apple
  • Banana
  • Cherry
 <input type="radio" id="tab2" name="tab">
 <label for="tab2">D-F</label>
  • Dog
  • Elephant
  • Frog

<style> .tabs {

 display: flex;
 flex-direction: column;

} .tabs input {

 display: none;

} .tabs label {

 cursor: pointer;
 padding: 10px;
 background-color: #ddd;
 border: 1px solid #ccc;
 margin: 0;

} .tabs .tab-content {

 display: none;
 padding: 10px;
 border: 1px solid #ccc;
 border-top: none;

} .tabs input:checked + label + .tab-content {

 display: block;

} </style>