怎样在Div+Css中为文字添加边线？

html-css013

怎样在Div+Css中为文字添加边线？,第1张

<div

style="

border:1px solid #0000FF

width:50px

height:50px

text-algin:center

line-height:50px

">

字

</div>

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>百度知道郭凯旗</title>

<style>

li a{display:block width:100px height:20px border:1px solid red}

li span{display:inline-block width:80px height:20px border:1px solid blue}

li{display:inline-block width:80px height:20px border:1px solid black}

</style>

</head>

<body>

    <div>

       <ul>

          <li><a href="http://lovepy.com">这里是文字</a></li>

          <li><a href="http://lovepy.com">这里是文字</a></li>

          <li><a href="http://lovepy.com">这里是文字</a></li>

       </ul>

       <!--第一种  end-->

       <ul>

          <li><span>这里是文字</span></li>

          <li><span>这里是文字</span></li>

          <li><span>这里是文字</span></li>

       </ul>

        <!--第二种  end-->

       <ul>

          <li>这里是文字</li>

          <li>这里是文字</li>

          <li>这里是文字</li>

       </ul>

        <!--第三种  end-->

     </div>

</body>

</html>

这三种都能实现，但不要同时用。