
第一步,先建好一个div盒子
2
第二步,在div盒子中,写入“ul li ”无序列表标签,在li 中写好我们所要浮动的文字
3
这时候我们就可以在浏览器上看到我们刚刚建好的框架以及无序列表标签
4
加入向左浮动的代码 ,(float:left)表示向左浮动,
5
添加好代码的效果,但是这时候我们可以看到有小黑点,那这时候的小黑点该如何去掉呢
6
在 style 里面 的ul li 里面添加“list-style:none”,小黑点就去掉了没了
7
去掉小黑点显得更美观哦
1.在body内输入div.abc按下tab键效果:<divclass="abc"></div>
2.在body内输入div#abc按下tab键
效果:<div id="abc"></div>
3.在body内输入ul>li{小花}*3按下tab键
效果:<ul>
<li>小花</li>
<li>小花</li>
<li>小花</li>
</ul>
4.在body内输入div>a[href='#']{小花}*3按下tab键
效果:<div>
<ahref="#">小花</a>
<ahref="#">小花</a>
<ahref="#">小花</a>
</div>
5.在body内输入select>option{$}*5按下tab键
效果:<select name="" id="">
<optionvalue="">1</option>
<optionvalue="">2</option>
<optionvalue="">3</option>
<optionvalue="">4</option>
<optionvalue="">5</option>
</select>
6.在body内输入select>option[value='花香']{$}*5>a[href='#']{小花}按下tab键
效果:<select name="" id="">
<option value="花香">1<a href="#">小花</a></option>
<option value="花香">2<a href="#">小花</a></option>
<option value="花香">3<a href="#">小花</a></option>
<option value="花香">4<a href="#">小花</a></option>
<option value="花香">5<a href="#">小花</a></option>
</select>
总结一下:属性值用[ ]填充,文本内容用{ }填充,看完上面大概就明白了,谢谢。
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)