HTML+CSS实现手风琴样式
摘要：HTML: <body> <div class="box"> <ul> <li class="pic1"><a href="#"> <span></span> <b>度假酒店 </b> </a></li> <li class="pic2"><a href="#"> <span></span> <b>
阅读全文
posted @ 2020-08-26 16:39
08 2020 档案
HTML+CSS绝对定位与相对定位
摘要：relative:相对定位 相对定位是相对其正常位置 移动相对定位元素，它所占的位置不变 absolute:绝对定位 绝对定位是根据父元素的位置进行定位，若无父元素则对应<hmtl> 绝对定位不占用空间（原来的位置） 绝对定位和其他元素重叠
阅读全文
posted @ 2020-08-26 10:34
HTML+CSS元素内的文本，实现单行居中对齐，多行靠左对齐
摘要：HTML： <body> <!-- 元素内的文本，实现单行剧中，多行靠左 --> <p> <span>啦啦啦啦啦啦</span> </p> CSS： <style> p{ width: 300px; height: 200px; border: 1px solid #000; text-align:
阅读全文
posted @ 2020-08-26 09:42
HTML+CSS导航栏鼠标滑过字体转换（英文变中文）
摘要：HTML代码： <body> <div class="box"> <ul> <li><a href="#"><span>Home</span><p>首页</p></a></li> <li><a href="#"><span>Blog</span><p>博客</p></a></li> <li><
阅读全文
posted @ 2020-08-26 09:17
HTML+CSS修改li前圆点的样式
摘要：原样式： html代码： <ul> <li>这是一句话这是一句话这是一句话</li> <li>这是一句话这是一句话这是一句话</li> <li>这是一句话这是一句话这是一句话</li> </ul> css代码： *{ margin: 0; padding: 0; } ul{ margin-top:2
阅读全文
posted @ 2020-08-24 16:55
