900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > CSS怎么设置按钮的长度 – CSS – 前端 css一排文字 右对齐

CSS怎么设置按钮的长度 – CSS – 前端 css一排文字 右对齐

时间:2022-12-16 17:06:28

相关推荐

CSS怎么设置按钮的长度 – CSS – 前端 css一排文字 右对齐

css按钮的大小设置方法:首先创建一个HTML示例文件;然后在body中通过button标签创建一个按钮;最后使用“font-size”属性来设置按钮大小即可。

本文操作环境:windows7系统、HTML5&&CSS3版、Dell G3电脑。

可以使用 font-size 属性来设置按钮大小:

代码如下:

<!DOCTYPE html>

<html>

<head>

<meta charset=”utf-8″>

<title></title>

<style>

.button {

background-color: #4CAF50; /* Green */

border: none;

color: white;

padding: 15px 32px;

text-align: center;

text-decoration: none;

display: inline-block;

font-size: 16px;

margin: 4px 2px;

cursor: pointer;

}

.button1 {font-size: 10px;}

.button2 {font-size: 12px;}

.button3 {font-size: 16px;}

.button4 {font-size: 20px;}

.button5 {font-size: 24px;}

</style>

</head>

<body>

<h2>按钮大小</h2>

<p>大家可以使用 font-size 属性来设置按钮大小:</p>

<button class=”button button1″>10px</button>

<button class=”button button2″>12px</button>

<button class=”button button3″>16px</button>

<button class=”button button4″>20px</button>

<button class=”button button5″>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。