ఎలా సృష్టించాలి: పూర్తి వెడల్పన (బ్లాక్) బటన్

CSS ద్వారా బ్లాక్ (పూర్తి వెడల్పన) బటన్ స్టైల్స్ ఎలా వినియోగించాలి నేర్చుకోండి.

బ్లాక్ బటన్ స్టైల్స్ ఏర్పాటు చేయడం ఎలా

మొదటి దశ - HTML జోడించండి:

<button type="button" class="block">Block Button</button>

రెండవ దశ - CSS జోడించండి:

బ్లాక్ బటన్ సృష్టించడానికి, 100% వెడల్పన జోడించండి మరియు బ్లాక్ ఎలమెంట్ చేయండి:

.block {
  display: block;
  width: 100%;
  border: none;
  background-color: #04AA6D;
  padding: 14px 28px;
  font-size: 16px;
  cursor: pointer;
  text-align: center;
}

亲自试一试

相关页面

教程：CSS 按钮