61,128
社区成员
发帖
与我相关
我的任务
分享如何对button加如下的格式;要求不直接写在input的style属性中
BORDER-BOTTOM: #000000 1px solid;BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid;FONT-SIZE: 12px;COLOR: #000000;BACKGROUND-COLOR: #ffdb29;
我想写在一个单独的css文件中.或是写在一个网页的最上面.
我想写在一个单独的css文件中.或是写在一个网页的最上面.
...全文
请发表友善的回复…
发表回复
kisslan 2003-12-23
- 打赏
- 举报
你先写一个css文件 style.css
.buttonStyle{
BORDER-BOTTOM: #000000 1px solid;BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid;FONT-SIZE: 12px;COLOR: #000000;BACKGROUND-COLOR: #ffdb29;
}
然后在你的html文件的<head>区里加上
<link rel="stylesheet" href="style.css" type="text/css">这一句。引入css样式表
再在你的button里加上样式名称
<button class＝“buttonStyle”>
这样就行了
.buttonStyle{
BORDER-BOTTOM: #000000 1px solid;BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid;FONT-SIZE: 12px;COLOR: #000000;BACKGROUND-COLOR: #ffdb29;
}
然后在你的html文件的<head>区里加上
<link rel="stylesheet" href="style.css" type="text/css">这一句。引入css样式表
再在你的button里加上样式名称
<button class＝“buttonStyle”>
这样就行了
vme 2003-12-23
- 打赏
- 举报
建立以下CSS文档：style.css
内容：
.tt{BORDER-BOTTOM: #000000 1px solid;BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid;FONT-SIZE: 12px;COLOR: #000000;BACKGROUND-COLOR: #ffdb29}
在页面代码加入：
<link href="include/style.css" rel="stylesheet" type="text/css">
<input type="button" value="按钮" name="B3" class="tt">
内容：
.tt{BORDER-BOTTOM: #000000 1px solid;BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid;FONT-SIZE: 12px;COLOR: #000000;BACKGROUND-COLOR: #ffdb29}
在页面代码加入：
<link href="include/style.css" rel="stylesheet" type="text/css">
<input type="button" value="按钮" name="B3" class="tt">
iinohk 2003-12-23
- 打赏
- 举报
<style>
input.mystyle{
BORDER-BOTTOM: #000000 1px solid;BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid;FONT-SIZE: 12px;COLOR: #000000;BACKGROUND-COLOR: #ffdb29;
}
</style>
<input type=button class=mystyle>
input.mystyle{
BORDER-BOTTOM: #000000 1px solid;BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid;FONT-SIZE: 12px;COLOR: #000000;BACKGROUND-COLOR: #ffdb29;
}
</style>
<input type=button class=mystyle>
