前端学习(219):css伪类选择器
生活随笔
收集整理的這篇文章主要介紹了
前端学习(219):css伪类选择器
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/ html4/strict.dtd">
<html><head><meta http-equiv="content-type" content="text/html; charset=utf-8"><title>CSS偽類</title></head><style type="text/css">a:link {font-size: 20px;}a:hover {color: red;}a:active {font-size: 30px;}input:focus {background-color: yellow;}li:first-child {font-size: 30px;}</style><body><a href="http://www.baidu.com">www.baidu.com</a><br /><a href="http://www.sohu.com">www.sohu.com</a><br /><a href="http://www.sina.com">www.sina.com</a><br /><form action="login" method="post">用戶名:<input type="text" name="username" id="username" value="" /> <br />密碼:<input type="password" name="password" id="password" value="" /></form><ul><li>吃</li><li>喝</li><li>玩</li><li>樂</li></ul><ul><li>太平洋</li><li>大西洋</li><li>北冰洋</li><li>印度洋</li></ul></body>
</html>
運行結果
總結
以上是生活随笔為你收集整理的前端学习(219):css伪类选择器的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 手机资料误删恢复有什么办法
- 下一篇: 有一种爱情叫永不改变_设计就像爱情一样,