css禁用按钮,用css怎么按钮

html-css030

css禁用按钮,用css怎么按钮,第1张

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html中的<style>标签中,输入css代码:

button {border:0width: 200pxheight: 80pxbackground-color: gainsborocursor: not-allowed}

3、浏览器运行index.html页面,此时通过css实现了按钮的禁用样式。

禁用css,在cs5里才有这种功能,但是它从“CSS 样式”面板中注释掉部分 CSS,而不必直接在代码中做出更改。 但是等你删除或禁用了css后就得不到你想要的效果了。步骤如下:

1. 在“CSS 样式”面板(“窗口”>“CSS 样式”)的“属性”窗格中,选择要禁用的属性。

2.单击“属性”窗格右下角的“禁用/启用 CSS 属性”图标(在cs3里,是“删除...”图标)如果将鼠标悬停在属性自身的左侧,也会显示该图标。

单击“禁用/启用 CSS 属性”图标后,该属性的左侧将显示一个“已禁用”图标。要重新启用该属性,请单击“已禁用”图标,或右键单击 (Windows) 或按住 Ctrl 单击 (Macintosh OS) 该属性,然后选择“启用”。

3.(可选)要在所选的规则中启用或删除所有禁用的属性,请右键单击 (Windows) 或按住 Ctrl 单击 (Macintosh OS) 从中禁用了属性的任何规则或属性,然后选择“启用选定规则中禁用的所有项”或“删除选定规则中禁用的所有项”。

dreamweaver零基础到精通基础教程:http://www.iqiyi.com/playlist294890002.html

如果你的要求不高,那可以不用,如果你想网页漂亮点,那就很难不用到css。在Dreamweaver里你修改它是自动生成了css,那你就要自己动手改代码了。

不过像你说的字体问题,你可以用<h1>文字</h1>、<h2>文字</h2>、<h3>文字</h3>....这样的标签来写,这样就不用css,这个本身就是有字体大小的。还可以用一些字体的标签来修饰文字,比如加粗、斜体等等

你说的是禁用属性disabled,控制这个是用javascript控制checkbox的disabled属性。CSS只是修改外观

<html>

<head>

<title>TEST</title>

<script>

function disableCheckBox(checkboxid,option){

var checker=document.getElementById(checkboxid)

var checkerbox=checker.parentNode

if(option==true){

checker.disabled=true

checkerbox.className="disabledchecker"//修改CSS

}else{

checker.disabled=false

checkerbox.className="enabledchecker"

}

}

</script>

<style>

.enabledchecker{ font-weight:bold}

.disabledchecker{ text-decoration:line-through}

</style>

</head>

<body>

<label><input type="checkbox" name="ctrl" onClick="disableCheckBox('checker',this.checked)" />Disable the checkbox below</label><br />

<label class="enabledchecker"><input type="checkbox" id="checker" name="checker"/>Checker</label>

</body>

</html>