css
kwinnnn
这个作者很懒,什么都没留下…
展开
-
css-实现鼠标移至图片上显示遮罩层
1、将遮罩层html代码与图片放在一个div 我是放在 .img_div里。<div class="img_div"> <img src="./images/paella-dish.jpg"> <a href="#"> <div class="mask">原创 2018-05-09 20:36:37 · 19321 阅读 · 1 评论 -
css-定位position
定位允许从正常的文档流布局中取出元素,并使它们具有不同的行为。1、文档流 1)单个元素 ①默认情况下,块级元素的内容宽度是其父元素的宽度的100%,并且与其内容一样高。 ②不能对内联元素设置宽度或高度。(除非,将其设置为类似块级元素 display: block;)2)元素之间 ①默认情况下,块级元素在视口中垂直布局——每个都将显示在上一个元素下面的新行上,并且它们的外边距将分隔...原创 2018-05-03 20:23:11 · 246 阅读 · 0 评论 -
css-图片按钮
1、使用button &lt;button type="button" id="but1"&gt;&lt;/button&gt;2、css样式 图片尺寸:440px × 586px 要先定义按钮大小: width: 220px; height: 220px;#but1 { border: 0; width: 220px; height: 220p原创 2018-05-10 16:24:46 · 9980 阅读 · 0 评论 -
css-实现文字两侧加居中横线的简单方法
利用flex布局实现。1、html代码:<div class="lines"> <span class="line"></span> <span id="font">Friday</span> <span class="line"></原创 2018-05-11 21:45:55 · 5647 阅读 · 0 评论