ਕਿਵੇਂ ਬਣਾਉਣ: ਨੋਟਸ

CSS ਨਾਲ 'ਨੋਟਸ' ਕਿਵੇਂ ਬਣਾਉਣ ਸਿੱਖੋ

ਨੋਟਸ

ਨੋਟਸ ਨੂੰ ਇਸਤੇਮਾਲ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ ਕਿਉਂਕਿ ਖਤਰਾ, ਸਫ਼ਲ, ਸੂਚਨਾ ਜਾਂ ਚਿਤਾਵਨੀ ਆਦਿ ਦੀਆਂ ਖਾਸ ਚੀਜਾਂ ਨੂੰ ਨੋਟੀਫਾਈ ਕਰਨ ਲਈ:

ਖਤਰਾ!ਕੁਝ ਪਾਠ...

ਸਫ਼ਲ!ਕੁਝ ਪਾਠ...

ਸੂਚਨਾ!ਕੁਝ ਪਾਠ...

ਚਿਤਾਵਨੀ!ਕੁਝ ਪਾਠ...

亲自试一试

ਕਿਵੇਂ ਨੋਟਸ ਬਣਾਉਣ

第一步 - 添加 HTML：

<div class="danger">
  <p><strong>ਖਤਰਾ!</strong> ਕੁਝ ਪਾਠ...</p>
</div>

第二步 - 添加 CSS：

.danger {
  background-color: #ffdddd;
  border-left: 6px solid #f44336;
}

亲自试一试

相关页面

教程：如何创建警告消息