1. 程式人生 > >HTML5基礎加強css樣式篇(多媒體選擇器)(十七)

HTML5基礎加強css樣式篇(多媒體選擇器)(十七)

1印表機:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
        .box {

        }
        
        /*控制印表機的列印樣式*/
        @media print {


            /*選擇器及其樣式*/
            a{
                font-size: 18px;
                color: red;
            }

            /*屬性選擇函式  attr(元素的屬性名) */

            a:after{
                content: "   " attr(href) ;
            }

        }
        
    </style>
</head>
<body>


<a href="http://www.baiu.com">baidu</a>

<script type="text/javascript">


</script>
</body>
</html>

列印效果預覽: