Điểm:
0
Thời gian:
1.0s
Bộ nhớ:
256M
Input:
bàn phím
Output:
màn hình
Welcome to my template page.
Welcome to my template page.
Bình luận
Cái phức tạp hơn cần html
$$$
<style> .spoileralert-button { } .spoileralert-border { background: linear-gradient(33deg, #222222, #444444); background-clip: border-box; border-radius: 50px 15px 50px 15px; } .spoileralert-content{ padding: 15px; border: 3px dashed #666666; font-size: 15px; text-align:center; text-justify: inter-word; border-radius: 50px 15px 50px 15px; } .breakline-color { background: linear-gradient(to right, red, purple, blue, green); background-clip: border-box; } .breakline-float { margin-top: 25px; margin-bottom: 25px; width: 100%; height: 0%; color: none; border-top: 2px dashed white; } .Table-Of-Content { display: flex; } .Table-Of-Content Menu { padding: 0px 25px 0px 25px; } .Table-Of-Content header { width: 150px; height: 15px; color: black; background-color: #ddd; margin: 0px 25px 0px 25px; text-justify: center; padding-left: 20px; font-size: 16px; } .Table-Of-Content a { width: 170px; background-color: #eee; margin: 0px 25px 0px 25px; padding-left: 10px; display: block; text-justify: center; } .Table-Of-Content a:hover { text-decoration: underline; } .tooltip { position: relative; display: inline-block; border-bottom: 1px dotted black; } .tooltip .tooltiptext { visibility: hidden; width: 120px; background-color: rgba(0,0,0,85%); color: #fff; text-align: center; border-radius: 6px; padding: 5px 0; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -60px; } .tooltip .tooltiptext::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: black transparent transparent transparent; } .tooltip:hover .tooltiptext { visibility: visible; } .spoiler { position: relative; display: inline-block; cursor: help; } .spoiler::before { content: 'Spoiler '; position: absolute; left: -2px; top: -2px; right: -2px; bottom: -2px; border-radius: 1px; font-size: .9rem; color: #e6578c; background: #ffe5e5; text-align: center; display: flex; align-items: center; justify-content: center; opacity: 1; transition: opacity 0.7s ease, transform 0.3s ease; /* hide faster than reveal */ } .spoiler:hover::before { opacity: 0; transform: translateY(-50%)rotateX(80deg); transition: opacity 1.0s ease, transform 0.5s ease; /* slower reveal */ } blockquote { margin: 0 } .useless{} </style><button style="text-align:center; font-size:30px; color:none; background:none; border:none; padding:0; position:relative; left:38.5%;">
\(\color{#ff0000}{\text{Spoiler Alert}_{{}_{{}^{{}^{v2.9}}}}}\)
</button>
<button style="text-align:center; font-size:30px; color:none; background:none; border:none; padding:0; position:relative; left:38.5%;">
\(\color{orange}{\text{Mục lục}}\)
</button>
\(\color{#300000}{\text{1. Hướng dẫn}}\)
\(\color{#c01515}{\text{1. Tiếp cận}}\)
\(\color{#009933}{\text{1. Code tham khảo<Accepted> }}\): Tiếp cận
\(^{^{\color{#7f5f3f}{\text{Độ phức tạp : }} O()\ \color{#7f5f3f}{\text{thời gian}}\ ||\ O()\ \color{#7f5f3f}{\text{bộ nhớ}}}}\)
\(\color{#300000}{\text{2. Hướng dẫn}}\)
\(\color{#c01515}{\text{2. Tiếp cận}}\)
\(\color{#009933}{\text{2. Code tham khảo<Accepted> }}\): Tiếp cận
\(^{^{\color{#7f5f3f}{\text{Độ phức tạp : }} O()\ \color{#7f5f3f}{\text{thời gian}}\ ||\ O()\ \color{#7f5f3f}{\text{bộ nhớ}}}}\)
$$$