【九月打卡】第4天 仿計算器案例(計算器細(xì)節(jié)完善)
一 课程名称: 仿计算器案例
课程章节:最后细节完善计算器
二 课程内容:
1.鼠标指针浮动在按钮键上时背景色改变
首先在css里添加样式 背景颜色
input[type="button"]:hover{
background-color:blueviolet;
}
hover = 浮动(伪类)
效果:
2.按m按钮键打开慕课网网址
新建一个js,写入一个函数moo_num
获取 m的id,写入隐函数
把文件引用进去,写进onload里
测试没问题
点击m
出现了
3.让0在文本框有距离,向左偏移
对齐方式改变了,是因为我们添加内边距所导致的,需要修改一下
添加 box-sizing: border-box
代码意义:不额外延伸,用已存在的增加边距
三,本节难点,都是修改小问题,没有难度 O(∩_∩)O
本章完!
點擊查看更多內(nèi)容
為 TA 點贊
評論
評論
共同學(xué)習(xí),寫下你的評論
評論加載中...
作者其他優(yōu)質(zhì)文章
正在加載中
感謝您的支持,我會繼續(xù)努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦