php控制 css样式,div css样式控制案例

摘要：html>

div -css样式控制案例

#box{width:100px; height: 100px;

html>

div -css样式控制案例

#box{width:100px; height: 100px; background: pink;display="none"}

var box

window.οnlοad=function() {

box=document.getElementById('box')//全局声明

}

function bred() {

box.style.background="red"//变红

}

function bda() {

box.style.width="120px"

box.style.height="120px"//变大

}

function byuan() {

box.style.borderRadius="60px"//变圆

}

function bhuan() {

box.style.borderRadius="0px"//还原

box.style.width="100px"//还原

box.style.height="100px"//还原

box.style.background="pink"//还原

}

function byin() {

box.style.display="none"//隐藏

}

function bxian() {

box.style.display="block"//显示

}

批改老师：天蓬老师批改时间：2018-12-24 15:24:05

老师总结：这个案例很有创意, 相信写完之后, 对基本的样式控制基本上掌握了

php控制 css样式,div css样式控制案例相关推荐

【html css】DIV+CSS如何让图片和文字在同一行
[html css]DIV+CSS如何让图片和文字在同一行前端react项目要写一个图标放在标题后面. 在div+css布局中,如果一行(或一个DIV)内容中有图片和文字的话,图片和文字往往会一个在 ...
html5 div居中样式,div css 居中有哪些形式与居中代码
div css 居中有哪些模式与居中代码在HTML组织中会碰到各种千般居中名目配置,比方内容居中(水准居中).内容垂直居中.组织居中等常见CSS居中需要设置,这里CSS5介绍种种居中实例与居中代码. ...
step by step css样式,DIV+CSS的StepByStep步骤导航栏.
第一个代码如下,具体设置也很简单不多说. Step by step menu /* = STEPS CONTAINER ----------------------------*/ .wizard- ...
html div 隐藏滚动条样式,div滚动条样式隐藏与显示
DIV滚动条样式是可以设置的,CSS滚动条同样也可以显示与隐藏,对div设置滚动条,设置其横向滚动条和纵向滚动条样式应该怎么做呢? 要设置CSS滚动条样式,需要用到overflow-y和overflo ...
web课程设计网页规划与设计：摄影/拍摄/相片网站设计——摄影网(12页)HTML+CSS+JavaScript div+css网页html成品学生作业
HTML5期末大作业:摄影/拍摄/相片网站设计--摄影网(12页)HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计计算机毕设网页设计源码常见网页设计作 ...
CSS设置div滚动条样式的示例
.scroll{ width:100px; height:200px; overflow:auto;/自动出现滚动条,如果要出现竖直滚动条则改成:overflow-y:auto,如果横向出现滚动条则改 ...
div+css使用padding样式和 important标记实现Firefox和IE6处理带float样式的margi
div+css使用padding样式和!important标记实现Firefox和IE6处理带float样式的margin尺寸上的兼容 [示例代码] <html> <body ...
jQuery 样式操作||操作 css 方法/设置类样式方法
操作 css 方法 <!DOCTYPE html> <html lang="en"><head><meta charset="U ...
div+css的ppt,DIV+CSSPPT课件.ppt
DIV+CSSPPT课件.ppt DIV+CSS 2011.3.1 Div+css的概述业界对DIV+CSS的标准化设计关注 DIV+CSS标准化的影响下,网页设计人员已经把这一要求作为行业标准传 ...

php控制 css样式,div css样式控制案例

php控制 css样式,div css样式控制案例相关推荐

最新文章

热门文章