![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
linqunbin
这个作者很懒,什么都没留下…
展开
-
CSS字体水平 垂直居中
.showMsg{ width: 300px; height: 50px; border: 1px solid; /* 文字居中 */ text-align: center; /* 字体垂直居中 */ ...原创 2019-06-01 13:40:59 · 28423 阅读 · 1 评论 -
css tips
margin:0 auto:对DIV设置margin:0 auto样式,是为了让DIV在浏览器中水平居中。布局居中、水平居中,均加入margin:0 auto即可。margin:0 auto 设置对象上下间距为0,左右自动。可拆分: margin:0 auto 0 auto(上下)还可拆分为:margin-left:auto;margin-right:auto;margin-top:0;m...原创 2019-06-07 11:07:38 · 190 阅读 · 0 评论 -
元素垂直对齐(比如图片)
定义和用法verticalAlign 属性设置内容在元素框中的垂直对齐方式。如下图:验证码输入框与验证码图片并没有垂直对齐.使用verticalAlign可以实现元素垂直对齐,代码如下: <style> /*验证码 输入框和验证码 对齐,input 和 img 实现对齐。*/ #validNum, #img { vertical-...原创 2019-06-15 08:31:34 · 215 阅读 · 0 评论 -
CSS JS点击弹出网页窗口(可用于注册账号等场景)
弹窗效果如下:html和JS的代码如下: <button id="open_btn" class="btn">弹窗</button> Bruce测试测试测试 <!-- 弹窗内容开始 --> <div id="background"> <div id="div1"> ...原创 2019-06-15 10:11:21 · 2961 阅读 · 0 评论 -
横向导航栏基础设计(精)
包含打开网页对应导航栏标签连接地址时,背景颜色自动改变.做完后的效果如下图:CSS代码<style> #navigate{ height: 60px; /* 导航栏的高度 */ text-align:center; /* 设置DIV容器内的文字居中 */ bac...原创 2019-06-20 10:17:37 · 1322 阅读 · 0 评论 -
JS和CSS网页布局与导航栏设计(精)
中间容器的高度,通过JS代码,实现自适应.最终做出来的效果如下:html代码部分:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initia...原创 2019-06-20 14:54:03 · 2698 阅读 · 1 评论 -
导航栏下拉菜单
实现的效果如下图:HTML代码: <div id="nav"> <ul> <li><a href="">菜单一</a> <ul> <li><a href="">子菜单1</a...原创 2019-07-01 22:49:30 · 8607 阅读 · 0 评论