web页面设计

这次主要写写自己碰到的难题：

首先是在div中划两条对角线：

附上参考的博文：https://www.cnblogs.com/chun6/p/6132258.html

使用旋转实现加入斜线。

我的代码：

background: linear-gradient(22deg, transparent 50%,black , black , transparent 50.1%),
                 linear-gradient(-22deg, transparent 50%, black, black, transparent 50.1%);

调整度数使得位置合适，调整透明度使得线条粗细符合条件，再就是颜色了。

下一个问题。

在页面上加上点击或鼠标移动到该位置出现下拉列表，之前一直想的是要创建一个下拉列表对象，一直写不出，后来网上找了很久，功夫不负有心人，找到了。

转换思想，做一个<ul><li>的列表形式，li先隐藏，当鼠标移动要出现下拉列表的ul上，将其li显示。

附上CSS代码：

ul
{
    padding:5px 10px 0px 10px;
    margin-right:10px;
    height:70px;
    display: block;
    float:right;
    color:black;
    font-weight:bolder;
}
ul li
{
    list-style-type:none;
    display:none;
    text-