HTML开发笔记

HTML

文本样式

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .link-sty-test {
            margin: 10px 10px 10px 10px;
        }
        .style-p1 {
            font-weight:bold;
            margin: 0px 0px 0px 20px; /* orientation:top right bottom left */
        }

        .style-p2 {
            margin: 0px 0px 0px 40px;
        }
    </style>
</head>
<body>
<hr/>
<p style="font-size: 18px;font-weight:bold;">文本属性测试</p>
<hr/>
<!-- 带下划线字体，使用u标签/设置样式/a标签
        http://www.divcss5.com/wenji/w586.shtml
        -->
<div>
    <p class="style-p1">下划线</p>
    <p class="style-p2">
        <u>我有下划线</u>
    </p>
    <p style="text-decoration:underline" class="style-p2">带下划线字体</p>
    <a href="https:\\www.baidu.com" class="style-p2">link</a>
</div>
<hr/>
</body>
</html>
View Code

 

JS

CSS

posted @ 2017-08-27 09:56  zhen-Android  阅读(173)  评论(0)  编辑  收藏  举报