星座360路

星星、星号、雪花

  • 9733 2605
  • 10029 272D
  • 10030 272E
  • 9734 2606
  • 10026 272A
  • 10017 2721
  • 10031 272F
  • 10037 2735
  • 10038 2736
  • 10040 2738
  • 10041 2739
  • 10042 273A
  • 10033 2731
  • 10034 2732
  • 10036 2734
  • 10035 2733
  • 10043 273B
  • 10045 273D
  • 10059 274B
  • 10054 2746
  • 10052 2744
  • 10053 2745

代码不熟悉;

html
的特殊字符我们连无常用,但是有上却要当页面被之所以到这些字符,甚至有时候还亟需为此这些字符来实现某种特殊的视觉效果。

优缺点:

朝右侧的箭头

  • 10132 2794
  • 10137 2799
  • 10152 27A8
  • 10162 27B2
  • 10140 279C
  • 10142 279E
  • 10143 279F
  • 10144 27A0
  • 10148 27A4
  • 10149 27A5
  • 10150 27A6
  • 10151 27A7
  • 10165 27B5
  • 10168 27B8
  • 10172 27BC
  • 10173 27BD
  • 10170 27BA
  • 10163 27B3
  • 10174 27BE

<!DOCTYPE html>
<html>
    <head>
        <meta charset=”UTF-8″>
        <title></title>
        <style type=”text/css”>
            
            *{
                margin: 0px;
                padding: 0px;
                /*background-color: whitesmoke;*/
                
                
            }
            
        
        /*<!–标题信息栏样式–>*/
        .title{
            width: 100%;
            height: 40px;
            background-color: rgba(255,255,255,0.5);
            border-bottom:1px solid darkgray ;
        }
        .title .title-conten{
            width: 1200px;
            height: 40px;
            margin: 0px auto;
        }
        .title .title-conten .title-conten-left{
            text-align: left;
            line-height: 40px;
            float: left;
        }
        .title .title-conten .title-conten-right{
            
            position: relative;
            line-height: 40px;
            float: right;
        }
        .title .title-conten .title-conten-left
.title-conten-left-btn{
            width: 100px;
            height: 25px;
            border: 1px solid darkgray;
            position: absolute;
            top: 7.3px;
            
        }
        .title .title-conten .title-conten-left .title-conten-left-btn
a{
            text-decoration: none;
            color: black;
            text-align: center;
            line-height: 25px;
            position: absolute;
            top: 0px;
            left: 9px;
            font-size: 14px;
            
        }
        .title .title-conten .title-conten-left .title-conten-left-btn
a:hover{
            color: crimson;
            cursor: pointer;
            }
            
            .title .title-conten .title-conten-right{
                width: 900px;
                line-height: 40px;
                text-align: right;
                
            }
            .title .title-conten .title-conten-right a{
                color: #000000;
                /*target=”_blank”*/
                text-decoration:none;
            }
            .title .title-conten .title-conten-right a font{
                color: #DC143C;
            }
            .title .title-conten .title-conten-right a:hover{
                color: #DC143C;
                cursor: pointer;
                text-decoration: underline;
            }
        /*<!–标题信息栏样式结束–>*/
        
        /*导航栏start*/
        .nav{
            width: 100%;
            height: 100px;
        /*    background-color: #000000;*/                
/*背景色标记*/
            position: relative;
        }
        .nav .nav-conten{
            width: 1200px;
            height: 100px;
            background-color:rgb(254,254,254);
            margin: 0 auto;
            position: relative;
        }
        .nav .nav-conten .nav-conten-n1 a img{
            width: 200px;
            height: 100px;
            float: left;
            }
            .nav .nav-conten .nav-conten-n1 a img:hover{
                cursor: pointer;
            }
        .nav .nav-conten .nav-conten-n2{
            width: 120px;
            height: 100px;
            position: relative;
            float: left;
            text-align: center;
            line-height: 70px;
            font-weight: bold;
        }
        .nav .nav-conten .nav-conten-n2 a{
            width: 120px;
            height: 30px;
            position: relative;
            top: -50px;
            text-align: center;
            line-height: 100px;
            text-decoration: none;
            color: black;
            font-weight: lighter;
        }
        .nav .nav-conten .nav-conten-n3-n{
            width: 180px;
            height: 60px;
            
            position: absolute;
            top: 20px;
            left: 300px;
        }
        .nav .nav-conten .nav-conten-n3-n img{
            position: absolute;
            top: 7px;
        }
        .nav .nav-conten .nav-conten-n3-n font{
            font-size: 14px;
            position: absolute;
            top: 10px;
            left: 56px;
        }
        #t2{
            position: absolute;
            top: 30px;
            left: 130px;
        }
        .nav .nav-conten .nav-conten-n3-n:hover{
            cursor: pointer;
            border: 1px solid #A9A9A9;
        }
        .nav .nav-conten .nav-conten-n4{
            width: 125px;
            height: 60px;
            /*border: 1px solid #A9A9A9;*/
            position: absolute;
            top: 20px;
            left: 490px;
        }
        .nav .nav-conten .nav-conten-n4 img{
        position: absolute;
            top: 7px;
        }
        .nav .nav-conten .nav-conten-n4 font{
            font-size: 14px;
            position: absolute;
            top: 10px;
            left: 56px;
        }
        .nav .nav-conten .nav-conten-n4:hover{
            cursor: pointer;
            border: 1px solid #A9A9A9;
        }
        .nav .nav-conten .nav-conten-n5 a img{
            text-decoration: none;
            position: absolute;
            top: 39px;
            left: 630px;
        }
        .nav .nav-conten .nav-conten-n6 a font{
            width: 120px;
            height: 60px;
            border-left: 1px solid #A9A9A9;
            border-right: 1px solid #A9A9A9;
            text-align: center;
            line-height: 30px;
            font-size: 15px;
            position: absolute;
            top: 21px;
            left: 650px;
            color: #000000;
        }
        .nav .nav-conten .nav-conten-n6 a font:hover{
            border: 1px solid #A9A9A9;
        }
        .nav .nav-conten-n7{
            width: 200px;
            height: 60px;
            /*border: 1px solid black;*/
            position: absolute;
            top: 18px;
            right: 200px;
        }
        .nav .nav-conten-n7 a{
            text-decoration: none;
            color: #A9A9A9;
        }
        .nav .nav-conten-n7 a:hover{
            text-decoration: underline;
            color: #000000;    
        }
        .nav .nav-conten-n7 img{
            position: absolute;
            top: 31px;
            left: 5px;
        }
        .nav .nav-conten-n7 input{
            position: absolute;
            top: 32px;
            left: 34px;
        }
        .nav .nav-conten .nav-conten-n8 a img{
            width: 200px;
            height: 60px;
            background-repeat: no-repeat;
            position: absolute;
            top: 18px;
            right: 0px;
        }
        /*导航栏end*/
        
        /*搜索栏*/
        .search{
            width: 100%;
            height: 150px;
            /*border: 1px solid #A9A9A9;*/
        }
        .search .search-conten{
            width: 1200px;
            height: 130px;
            margin: 0px auto;
            border: 1px solid darkgray;
            background-color:rgba(249,249,249,1);
        }
        .search .search-conten ul .u1{
            
            list-style-type: none;
            width: 60px;
            height: 30px;
            line-height: 30px;
            
            border-left: 20px solid #f9f9f9;
            text-align: center;
            float: left;
        }
        .search .search-conten ul .u1:hover{
            background-color: chartreuse;
            /*box-shadow: 1px 1px 1px cadetblue;*/
            border-radius: 10%;
            cursor: pointer;
        }
        .search .search-conten ul{
            position: relative;
            top: 0px;
            left: 203px;
        }
        .search .search-conten img{
            position: relative;
            top: 55px;
            left: -650px;
        }
        .search .search-conten #sousuo{
            position: relative;
            width: 600px;
            height: 40px;
            top: 12px;
            left: 260px;
        }
        .search .search-conten #btn{
            position: relative;
            top: 12px;
            left: 270px;
            width: 90px;
            height: 45px;
        }
        .search .search-conten a font{
            position: relative;
            color: #A9A9A9;
            top: 11px;
            left: 280px;
        }
        .search .search-conten a{
            text-decoration: none;
        }
        .search .search-conten a font:hover{
            color: #000000;
            text-decoration: underline;
            cursor: pointer;
        }
        /*搜索栏end*/
        
        /*题目分类栏*/
        .column{
            width: 100%;
            height: 50px;
        
        }
        .column .column-conten{
            width: 1200px;
            height: 50px;
            margin: 0px auto;
            border: 1px solid darkgray ;
            border-bottom-color: #91ce79;
            position: relative;
        }
        .column .column-conten .column-conten-1{
            width: 150px;
            height: 50px;
            border-right: 1px dashed darkgray;
            float: left;
        }
        .column .column-conten .column-conten-1 img{
            position: relative;
            top: 10px;
            left: 30px;
        }
        .column .column-conten .column-conten-1 font{
            
            position: relative;
            top: 5px;
            left: 30px;
        }
        .column .column-conten .column-conten-1:hover{
            background-color: darkgrey;
            cursor: pointer;
        }
        .column .column-conten ul a li{
            list-style-type: none;
            float: left;
            width: 120px;
            height: 50px;
            border-right: 1px dashed darkgray;
        }
        .column .column-conten ul a li img{
            position: relative;
            top: 15px;
            left: 10px;
        }
        .column .column-conten ul a li font{
            position: relative;
            top: 7px;
            left: 5px;
            color: #000000;
        }
        .column .column-conten ul a li:hover{
            background-color: darkgrey;
            cursor: pointer;
            border-right: none;
            border-bottom: none;
        }
        .column .column-conten div{
            width: 57px;
            height: 50px;
            border-left: 1px dashed #A9A9A9;
            border-right: 1px dashed #A9A9A9;
            float: left;
        }
        .column .column-conten div img{
            position: relative;
            top: 0px;
            left: 13px;
        }
        .column .column-conten div font{
            position: relative;
            top: 20px;
            left: -20px;
        }
        /*题分类栏end*/
        
        /*当心大框*/
        .zhong{
            width: 100%;
            height: 2000px;
            /*border: 1px solid #000000;*/
            position: relative;
            top: 10px;
        }
        .zhong .zhong-conten{
            width: 1200px;
            height: 2000px;
            /*border: 1px solid #000000;*/
            margin:  0px auto;
            position: relative;
            top: 0px;
        }
        /*心大框end*/
        
        
        /*荒谬小标题栏*/
        .zhong .zhong-conten .title-l{
            width: 280px;
            height: 180px;
            position: relative;
            top: 0px;
            left: 0px;
            float: left;
            border: 1px solid #A9A9A9;
        }
        .zhong .zhong-conten .title-l .u1{
            list-style-type: none;
        }
        .zhong .zhong-conten .title-l .u1 a li font{
            color: #000000;
            position: relative;
            top: 10px;
            left: 10px;
            target=”_blank”
        }
        .zhong .zhong-conten .title-l .u1 a li font:hover{
            color: #DC143C;
            cursor: pointer;
        }
        .zhong .zhong-conten .title-l .u2 a li font:hover{
            color: #DC143C;
            cursor: pointer;
        }
        .zhong .zhong-conten .title-l .u3 a li font:hover{
            color: #DC143C;
            cursor: pointer;
        }
        .zhong .zhong-conten .title-l .u4 a li font:hover{
            color: #DC143C;
            cursor: pointer;
        }
        .zhong .zhong-conten .title-l .u1 a{
            target=”_blank”
            
        }
        .zhong .zhong-conten .title-l .u2 {
            
            position: relative;
            /*top: -144.5px;
            left: 60px;
            target=”_blank”*/
        }
        .zhong .zhong-conten .title-l .u2 a{
            position: relative;
            top: -136px;
            left: 60px;
            color: #000000;
        }
        .zhong .zhong-conten .title-l .u3{
            list-style-type: none;
        }
        .zhong .zhong-conten .title-l .u3 a{
            color: #000000;
            position: relative;
            top: 15px;
            left: 0px;
        }
        .zhong .zhong-conten .title-l .u3 {
            position: relative;
            top: -298px;
            left: 140px;
        }
        .zhong .zhong-conten .title-l .u4 a{
            color: #000000;
            target=”_blank”
            }
            .zhong .zhong-conten .title-l .u4 a {
                position: relative;
            top: -430px;
            left: 200px;
            }
        /*张冠李戴小题目栏end*/
        
        /*错误广告栏*/
        .danner{
            width: 280px;
            height: 120px;
            position: relative;
            top: 200px;
            left: 0px;
            border: 1px solid #A9A9A9;
        }
        .danner img{
            position: relative;
            top: -182px;
            left: 0px;
            width: 100%;
        }
        .danner font a{
            color: #000000;
            position: relative;
            top: -185px;
            left: 10px;
        }
        .danner font a:hover{
            color: #DC143C;
            cursor: pointer;
        }
        a{
            text-decoration: none;
        }
        
        /*错误广告栏end*/
        
        /*左标题start*/
        .lefttitle{
            width: 280px;
            height: 1500px;
            border: 1px solid #A9A9A9;
            position: relative;
            top: 220px;
            left: 0px;
        }
        /*左标题end*/
        
         /*错下 机票 小标题栏start*/
        .leftbottom{
            width: 280px;
            height: 120px;
            border: 1px solid #A9A9A9;
            position: relative;
            bottom: -254px;
            left: 0px;
        }        
        /*左下 机票 小题目栏end*/
        
        /*右侧小标题栏start*/
        .righttitle{
            width: 900px;
            height: 300px;
            border: 1px solid #A9A9A9;
            position: absolute;
            top: 0px;
            right: 0px;
        }
        /*右侧小题目栏end*/
        
        /*察觉你喜欢start*/
        .rightfx{
            width: 900px;
            height: 200px;
            border: 1px solid #A9A9A9;
            position: absolute;
            top: 320px;
            right: 0px;
        }
        /*发觉而喜欢end*/
        
        /*右边今日热点start*/
        .rightjr{
            width: 900px;
            height: 300px;
            border: 1px solid #A9A9A9;
            position: absolute;
            top: 540px;
            right: 0px;
        }
        /*右手今日热点end*/
        
        /*右手中间链接start*/
        .rightcenter{
            width: 900px;
            height: 60px;
            position: absolute;
            top: 841px;
            right: 0px;
            border: 1px solid #A9A9A9;
        }
        /*下手中间链接end*/
        
        /*下手下十分框start*/
        .rightd{
            width: 900px;
            height: 1096px;
            position: absolute;
            bottom: 0px;
            right: 0px;
            border: 1px solid #A9A9A9;
        }
        /*右侧下充分框end*/
        
        </style>
    </head>
    <body>
        <!–标题信息栏start–>
        <div class=”title”>
            <div class=”title-conten”>
                <div class=”title-conten-left”>
                    <div class=”title-conten-left-btn”>
                        <a
href=”http://hao.360.cn/sub/sethomepage.html”
target=”_blank”>设360为主页</a>
                    </div>
                </div>
                <div class=”title-conten-right”>
                    <div class=”title-conten-right”>
                        <a
href=”https://qing.taobao.com/?ali\_trackid=2:mm\_26632323\_6762370\_79070794:1502947140\_2k8\_165158117″
target=”_blank”><font>天猫特价清仓<font></a>
                        |
                        <a href=”http://feedback.hao.360.cn/”
target=”_blank”>反馈意见</a>
                        |
                        <a
href=”https://hao.360.cn/?src=lm&ls=n3bcb4ef691″
target=”_blank”>换肤</a>
                    </div>
                </div>
                
            </div>
            
        </div>
        <!–标题信息栏end–>
        
        
        <!–导航栏start–>
        <div class=”nav”>
            <div class=”nav-conten”>
                <div class=”nav-conten-n1″><a
href=”360主页.html”><img
src=”img/360图标.png”/></a></div>
                
                <div class=”nav-conten-n2″>淄博<br /><a
href=”https://hao.360.cn/?src=lm&ls=n3bcb4ef691"&gt;\[切换\]&lt;/a&gt;&lt;/div&gt;
                
                <div class=”nav-conten-n3″>
                    <div class=”nav-conten-n3-n”>
                        <img src=”img/雨.png”/>
                        <font>今 雷阵雨 22~29℃<br
/>空气质量:</font>
                        <img id=”t2″ src=”img/良好.png”/>    
                    </div>
                </div>
                
                <div class=”nav-conten-n4″>
                    <img src=”img/雨.png”/>
                    <font>明 雷阵雨<br
/>22~30℃</font>
                </div>
                
                <div class=”nav-conten-n5″>
                    <a
href=”http://www.weather.com.cn/weather/101120301.shtml\#7d”
target=”_blank”><img src=”img/箭头.png”/></a>
                </div>
                <div class=”nav-conten-n6″>
                    <a href=”http://hao.360.cn/rili/"&gt;
                    <font>8月17日周四<br
/>六月丗六</font>
                    </a>
                </div>
                <div class=”nav-conten-n7″>
                    <div>
                        <a
href=”http://yule.360.cn/content/197767?realtime"&gt;吐槽:毁容?史上最辣眼F4&lt;/a&gt;&lt;br
/>
                        <img src=”img/邮件.png”/>
                        <input type=”text” name=”login” />
                    </div>
                </div>
                <div class=”nav-conten-n8″>
                    <a
href=”http://yule.360.cn/content/185970?realtime"&gt;
                    <img src=”img/广告1.png”/>
                    </a>
                </div>
            </div>
        </div>
        <!–导航栏end–>
        
        <!–搜索栏start–>
        <div class=”search”>
            <div class=”search-conten”>
                <ul>
                    <li class=”u1″>网页</li>
                    <li class=”u1″>新闻</li>
                    <li class=”u1″>视频</li>
                    <li class=”u1″>图片</li>
                    <li class=”u1″>良医</li>
                    <li class=”u1″>微博</li>
                    <li class=”u1″>地图</li>
                    <li class=”u1″>问答</li>
                    <li class=”u1″>购物</li>
                    <li class=”u1″>机票</li>
                </ul>
                <img src=”img/360搜索.png”/>
                <input type=”text” id=”sousuo” />
                <input type=”button” id=”btn” value=”搜索”/>
                <a
href=”https://meizhuang.tmall.com/?ali\_trackid=2:mm\_26632323\_6762370\_79086585:1502957466\_3k2\_756916480″
target=”_blank”><font>这B就是独广告</font></a>
            </div>
        </div>
        <!–搜索栏end–>
        
        
        <!–标题分类栏start–>
        <div class=”column”>
            <div class=”column-conten”>
                <div class=”column-conten-1″>
                    <img src=”img/推荐网站.png”/>
                    <font>推荐网站</font>
                </div>
                <ul>
                    <a
href=”http://www.btime.com/?from=gjl"&gt;&lt;li&gt;
                        <img src=”img/新闻头条.png” />
                        <font>新闻头久</font>
                    </li></a>
                    <a
href=”http://hao.360.cn/brother.html?src=lm&ls=n3bcb4ef691\#!tv"&gt;&lt;li&gt;
                        <img src=”img/电视剧.png”  />
                        <font>电视剧</font>
                    </li></a>
                    <a
href=”http://hao.360.cn/brother.html?src=lm&ls=n3bcb4ef691\#!movie"&gt;&lt;li&gt;
                        <img src=”img/最新电影.png”  />
                        <font>最新电影</font>
                    </li></a>
                    <a
href=”http://hao.360.cn/brother.html?src=lm&ls=n3bcb4ef691\#!game"&gt;&lt;li&gt;
                        <img src=”img/小游戏.png”  />
                        <font>小游戏</font>
                    </li></a>
                    <a
href=”http://hao.360.cn/brother.html?src=lm&ls=n3bcb4ef691\#!novel"&gt;&lt;li&gt;
                        <img src=”img/小说大全.png”  />
                        <font>小说大全</font>
                    </li></a>
                    <a
href=”http://hao.360.cn/brother.html?src=lm&ls=n3bcb4ef691\#!travel"&gt;&lt;li&gt;
                        <img src=”img/旅游度假.png”  />
                        <font>旅游度假</font>
                    </li></a>
                    <a
href=”http://hao.360.cn/brother.html?src=lm&ls=n3bcb4ef691\#!mall"&gt;&lt;li&gt;
                        <img src=”img/网上购物.png”  />
                        <font>网上购物</font>
                    </li></a>
                    <a
href=”http://hao.360.cn/brother.html?src=lm&ls=n3bcb4ef691\#!yule"&gt;&lt;li&gt;
                        <img src=”img/娱乐八卦.png”  />
                        <font>娱乐八卦</font>
                    </li></a>
                </ul>
                <div>
                    <img src=”img/开启.png”  />
                    <font>开启</font>
                </div>
                
                <!–<select>
                    <option>看谱弹琴</option>          
不像写a标签了  偷个懒   ……….此处有同等批A标签正在来临
                    <option>录制钢琴曲</option>
                    <option>范玮琪弹钢琴</option>
                    <option>查看弹琴攻略</option>
                </select>–>
            </div>
        </div>
        <!–标题分类栏end–>
        
        <!–中部大框start–>
        <div class=”zhong”>    
        <div class=”zhong-conten”>
        
        
        <!–左小标题栏start–>
        <div class=”title-l”>
            <ul class=”u1″>
                <a
href=”http://www.btime.com/?from=haozcxw"&gt;&lt;li&gt;
                    <font>新闻</font>
                    
                </li></a>
                <a href=”http://gouwu.360.cn/"&gt;&lt;li&gt;
                    <font>购物</font>
                </li></a>
                <a
href=”https://hao.360.cn/?src=lm&ls=n3bcb4ef691"&gt;&lt;li&gt;
                    <font>银行</font>
                </li></a>
                <a href=”http://g.360.cn/index.html"&gt;&lt;li&gt;
                    <font>游戏</font>
                </li></a>
                <a
href=”http://yule.360.cn/list?tag=好奇心&tonality=轻松一刻&from=daohang"&gt;&lt;li&gt;
                    <font>搞笑</font>
                </li></a>
                <a
href=”http://hao.360.cn/tools.html"&gt;&lt;li&gt;
                    <font>查询</font>
                </li></a>
                <a
href=”http://i360mall.com/search?cat3=149"&gt;&lt;li&gt;
                    <font>手机</font>
                </li></a>
            </ul>
            <ul class=”u2″>
                <a
href=”http://www.btime.com/?from=haozcxw"&gt;&lt;li&gt;
                    <font>视频</font>
                </li></a>
                <a href=”http://gouwu.360.cn/"&gt;&lt;li&gt;
                    <font>休闲裤</font>
                </li></a>
                <a
href=”https://hao.360.cn/?src=lm&ls=n3bcb4ef691"&gt;&lt;li&gt;
                    <font>借钱</font>
                </li></a>
                <a href=”http://g.360.cn/index.html"&gt;&lt;li&gt;
                    <font>小游戏</font>
                </li></a>
                <a
href=”http://yule.360.cn/list?tag=好奇心&tonality=轻松一刻&from=daohang"&gt;&lt;li&gt;
                    <font>热搜</font>
                </li></a>
                <a
href=”http://hao.360.cn/tools.html"&gt;&lt;li&gt;
                    <font>星座</font>
                </li></a>
                <a
href=”http://i360mall.com/search?cat3=149"&gt;&lt;li&gt;
                    <font>小说</font>
                </li></a>
            </ul>
            <ul class=”u3″>
                <a
href=”http://www.btime.com/?from=haozcxw"&gt;&lt;li&gt;
                    <font>电影</font>
                    
                </li></a>
                <a href=”http://gouwu.360.cn/"&gt;&lt;li&gt;
                    <font>彩票</font>
                </li></a>
                <a
href=”https://hao.360.cn/?src=lm&ls=n3bcb4ef691"&gt;&lt;li&gt;
                    <font>娱乐</font>
                </li></a>
                <a href=”http://g.360.cn/index.html"&gt;&lt;li&gt;
                    <font>动漫</font>
                </li></a>
                <a
href=”http://yule.360.cn/list?tag=好奇心&tonality=轻松一刻&from=daohang"&gt;&lt;li&gt;
                    <font>教育</font>
                </li></a>
                <a
href=”http://hao.360.cn/tools.html"&gt;&lt;li&gt;
                    <font>机票</font>
                </li></a>
                <a
href=”http://i360mall.com/search?cat3=149"&gt;&lt;li&gt;
                    <font>综艺</font>
                </li></a>
            </ul>
            <ul class=”u4″>
                <a
href=”http://www.btime.com/?from=haozcxw"&gt;&lt;li&gt;
                    <font>电视剧</font>
                </li></a>
                <a href=”http://gouwu.360.cn/"&gt;&lt;li&gt;
                    <font>理财</font>
                </li></a>
                <a
href=”https://hao.360.cn/?src=lm&ls=n3bcb4ef691"&gt;&lt;li&gt;
                    <font>商城</font>
                </li></a>
                <a href=”http://g.360.cn/index.html"&gt;&lt;li&gt;
                    <font>直播秀</font>
                </li></a>
                <a
href=”http://yule.360.cn/list?tag=好奇心&tonality=轻松一刻&from=daohang"&gt;&lt;li&gt;
                    <font>度假</font>
                </li></a>
                <a
href=”http://hao.360.cn/tools.html"&gt;&lt;li&gt;
                    <font>火车票</font>
                </li></a>
                <a
href=”http://i360mall.com/search?cat3=149"&gt;&lt;li&gt;
                    <font>旅游</font>
                </li></a>
            </ul>
        </div>
        <!–左小题目栏end–>
        
        
        <!–左小广告栏start–>
        <div class=”danner”>
            <img src=”img/广告.png”  />
            <font>
                <a href=”https://www.baidu.com/”
target=”_blank”>高能 |</a> <a
href=”https://www.baidu.com/"&gt;着狂游戏有多火&nbsp;技术流都懂&lt;/a&gt;
                <br />
                <a
href=”https://www.baidu.com/"&gt;惹火&nbsp;|&lt;/a&gt;&nbsp;&lt;a
href=”https://www.baidu.com/"&gt;再火爆的游戏都会过气这款不会&lt;/a&gt;
            </font>
            </div>
        <!–左小广告栏end–>
        
        <!–左猜你爱看题目start–>
        <div class=”lefttitle”>
            
            
        </div>
        <!–左猜你容易看标题end–>
        
        <!–左教育,机票有点题目start–>
        <div class=”leftbottom”>
            
        </div>
        
        <!–左教育机票略标题end–>
        
        
        <!–右小标题栏start–>
        <div class=”righttitle”>
            
        </div>
        <!–右小题目栏end–>
        
        
        <!–右发现你欢喜start–>
        <div class=”rightfx”>
            
        </div>
        <!–右 发现而喜欢end–>
        
        <!–右今日热点start–>
        <div class=”rightjr”>
            
        </div>
        <!–右今日热点end–>
        
        <!–右中档链接start–>
        <div class=”rightcenter”>
            
        </div>
        <!–右中级链接end–>
        
        
        <!–右最可怜标题栏start–>
        <div class=”rightd”>
            
        </div>
        
        <!–右最老标题栏end–>
        </div>
        </div>
        
        <!–中部大框end–>
        
        
        
    </body>
</html>

动用办法:

这些字符属于 unicode 字符集,所以,你的文档需要声明也 utf-8;

脚符号列表的背后来有限排列编号,它们并无太一样,第一排是用以 html
的,你需要以前头加上&#符号;

第二排列好用来 css 文件中,但是得为此反斜杠 \ 转义;

亚排列也得用来 javascript,和 css 用法平,不过如果用 \u 来转义。

概念不知底;

货币

  • $ 36 0024
  • ¢ 162 00A2
  • £ 163 00A3
  • ¤ 164 00A4
  • 8364 20AC
  • ¥ 165 00A5
  • 8369 20B1
  • 8377 20B9

成立施用网页调试;

各种箭头:

  • 8672 21E0
  • 8674 21E2
  • 8673 21E1
  • 8675 21E3
  • 8606 219E
  • 8608 21A0
  • 8607 219F
  • 8609 21A1
  • 8592 2190
  • 8594 2192
  • 8593 2191
  • 8595 2193
  • 8596 2194
  • 8597 2195
  • 8644 21C4
  • 8645 21C5
  • 8610 21A2
  • 8611 21A3
  • 8670 21DE
  • 8671 21DF
  • 8619 21AB
  • 8620 21AC
  • 8668 21DC
  • 8669 21DD
  • 8602 219A
  • 8603 219B
  • 8622 21AE
  • 8621 21AD

希腊字母

  • Α 913 0391
  • Β 914 0392
  • Γ 915 0393
  • Δ 916 0394
  • Ε 917 0395
  • Ζ 918 0396
  • Η 919 0397
  • Θ 920 0398
  • Ι 921 0399
  • Κ 922 039A
  • Λ 923 039B
  • Μ 924 039C
  • Ν 925 039D
  • Ξ 926 039E
  • Ο 927 039F
  • Π 928 03A0
  • Ρ 929 03A1
  • Σ 931 03A3
  • Τ 932 03A4
  • Υ 933 03A5
  • Φ 934 03A6
  • Χ 935 03A7
  • Ψ 936 03A8
  • Ω 937 03A9

原文地址:http://www.qianduan.net/html-special-characters-daquan.html

象棋,扑克牌

  • 9818 265A
  • 9819 265B
  • 9820 265C
  • 9821 265D
  • 9822 265E
  • 9823 265F
  • 9812 2654
  • 9813 2655
  • 9814 2656
  • 9815 2657
  • 9816 2658
  • 9817 2659
  • 9824 2660
  • 9827 2663
  • 9829 2665
  • 9830 2666
  • 9828 2664
  • 9831 2667
  • 9825 2661
  • 9826 2662

星座

  • 9800 2648
  • 9801 2649
  • 9802 264A
  • 9803 264B
  • 9804 264C
  • 9805 264D
  • 9806 264E
  • 9807 264F
  • 9809 2651
  • 9810 2652
  • 9811 2653

手型、铅笔、笔

  • 9756 261C
  • 9758 261E
  • 9757 261D
  • 9759 261F
  • 9996 270C
  • 9997 270D
  • 9998 270E
  • 10000 2710
  • 9999 270F
  • 10001 2711
  • 10002 2712

急需留意的是:

有的字符在不同的浏览器下显现不顶雷同;比如小雪人 ☃ 在 firefox 和 chrome
下未太一样,钻石 ◆ 在 ie 下如于 chrome 下如很少;

一些字符在某某浏览器下不见面显;当然原因并无是字符代码的题目,而是浏览器的
bug,比如, – 在 chrome 下。。。

而,98%底字符都能以有着浏览器下健康显示的,不过如果您确实要利用,最好密切在各个浏览器下验证一番。

透过测试这些字符在 Android/iOS
等智能终端的识别度比较差,所以采取的时如果特别注意移动浏览器~~

对号、错号

  •   160 00A0
  • 9744 2610
  • 9745 2611
  • 9746 2612
  • 10003 2713
  • 10004 2714
  • 10005 10005
  • 10006 2716
  • 10007 2717
  • 10008 2718

标点

  • « 171 00AB
  • » 187 00BB
  • 139 008B
  • 155 009B
  • 8220 201C
  • 8221 201D
  • 8216 2018
  • 8217 2019
  • 8226 2022
  • 9702 25E6
  • ¡ 161 00A1
  • ¿ 191 00BF
  • 8453 2105
  • 8470 2116
  • & 38 0026
  • @ 64 0040
  • 8478 211E
  • 8451 2103
  • 8457 2109
  • ° 176 00B0
  • | 124 007C
  • ¦ 166 00A6
  • 8211 2013
  • 8212 2014
  • 8230 2026
  • 182 00B6
  • 8764 223C
  • 8800 2260

数学

  • ½ 189 00BD
  • ¼ 188 00BC
  • ¾ 190 00BE
  • 8531 2153
  • 8532 2154
  • 8539 215B
  • 8540 215C
  • 8541 215D
  • 8240 2030
  • % 37 0025
  • < 60 003C
  • > 62 003E

乐符号

  • 9833 2669
  • 9834 266A
  • 9835 266B
  • 9836 266C
  • 9837 266D
  • 9839 266F

杂项

  • 9787 263B
  • 9786 263A
  • 9785 2639
  • 9993 2709
  • 9742 260E
  • 9743 260F
  • 9990 2706
  • 65533 FFFD
  • 9729 2601
  • 9730 2602
  • 10052 2744
  • 9731 2603
  • 10056 2748
  • 10047 273F
  • 10048 2740
  • 10049 2741
  • 9752 2618
  • 10086 2766
  • 9749 9749
  • 10050 2742
  • 9765 2625
  • 9774 262E
  • 9775 262F
  • 9770 262A
  • 9764 2624
  • 9988 2704
  • 9986 2702
  • 9784 2638
  • 9875 2693
  • 9763 2623
  • 9888 26A0
  • 9889 26A1
  • 9762 2622
  • 9851 267B
  • 9855 267F
  • 9760 2620

形状

  • 8678 21E6
  • 8680 21E8
  • 8679 21E7
  • 8681 21E9
  • 8631 21B7
  • 8630 21B6
  • 8635 21BB
  • 8634 21BA
  • 10227 27F3
  • 10226 27F2
  • 10224 27F0
  • 10225 27F1
  • 8629 21B5
  • 8623 21AF
  • 8693 21F5

核心相

  • 9650 25B2
  • 9658 25BA
  • 9660 25BC
  • 9668 25C4
  • 10084 2764
  • 9992 2708
  • 9733 2605
  • 10022 2726
  • 9728 2600
  • 9670 25C6
  • 9672 25C8
  • 9635 25A3

十字

  • 9768 2628
  • 9769 2629
  • 10013 271D
  • 10014 271E
  • 10015 271F
  • 10016 2720
  • 10010 271A
  • 8224 2020
  • 10018 2722
  • 10020 2724
  • 10019 2723
  • 10021 2725

法律符号

  • ® 174 00AE
  • © 169 00A9
  • 8471 2117
  • 153 0099
  • 8480 2120

天空、植物

  • 9789 263D
  • 9790 263E
  • 9794 2642
  • 9792 2640
  • 9791 263F
  • 9793 2641
  • 9795 2643
  • 9796 2644
  • 9797 2645
  • 9798 2646
  • 9799 2647

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图